@greatapps/greatchat-ui 0.1.6 → 0.2.0

package/dist/index.js

@@ -95,12 +95,8 @@ function createGchatClient(config) {
   };
 }
 
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+// src/index.ts
+import { cn as cn7 } from "@greatapps/greatauth-ui/ui";
 
 // src/utils/group-messages.ts
 function groupMessagesByDate(messages) {
@@ -698,7 +694,7 @@ import { useRef as useRef2, useEffect } from "react";
 // src/components/message-bubble.tsx
 import { useState } from "react";
 import {
-  Check as Check2,
+  Check,
   CheckCheck,
   AlertCircle,
   Clock,
@@ -712,279 +708,30 @@ import {
   Pencil,
   Ban
 } from "lucide-react";
-
-// src/components/ui/dropdown-menu.tsx
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { Check, ChevronRight } from "lucide-react";
+import {
+  cn,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  Button,
+  Textarea
+} from "@greatapps/greatauth-ui/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  align = "start",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      align,
-      className: cn(
-        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-md p-1 shadow-md ring-1 duration-100 z-50 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/alert-dialog.tsx
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-
-// src/components/ui/button.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "focus-visible:border-ring focus-visible:ring-ring/50 rounded-md border border-transparent text-sm font-medium focus-visible:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none select-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 shadow-xs",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:bg-destructive/20 text-destructive",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 gap-1.5 px-2.5",
-        xs: "h-6 gap-1 px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 px-2.5",
-        lg: "h-10 gap-1.5 px-2.5",
-        icon: "size-9",
-        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/alert-dialog.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-function AlertDialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    AlertDialogPrimitive.Overlay,
-    {
-      "data-slot": "alert-dialog-overlay",
-      className: cn(
-        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx3(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx3(
-      AlertDialogPrimitive.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        className: cn(
-          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-6 rounded-xl p-6 ring-1 duration-100 sm:max-w-lg fixed top-1/2 left-1/2 z-50 grid w-full max-w-xs -translate-x-1/2 -translate-y-1/2 outline-none",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: cn("grid gap-1.5 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function AlertDialogFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    AlertDialogPrimitive.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn("text-lg font-medium", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    AlertDialogPrimitive.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx3(
-    AlertDialogPrimitive.Action,
-    {
-      "data-slot": "alert-dialog-action",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-function AlertDialogCancel({
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx3(
-    AlertDialogPrimitive.Cancel,
-    {
-      "data-slot": "alert-dialog-cancel",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-
-// src/components/ui/textarea.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/message-bubble.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var statusIcons = {
-  pending: /* @__PURE__ */ jsx5(Clock, { className: "h-3 w-3 animate-pulse" }),
-  sent: /* @__PURE__ */ jsx5(Check2, { className: "h-3 w-3" }),
-  delivered: /* @__PURE__ */ jsx5(CheckCheck, { className: "h-3 w-3" }),
-  read: /* @__PURE__ */ jsx5(CheckCheck, { className: "h-3 w-3 text-blue-500" }),
-  failed: /* @__PURE__ */ jsx5(AlertCircle, { className: "h-3 w-3 text-destructive" })
+  pending: /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3 animate-pulse" }),
+  sent: /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+  delivered: /* @__PURE__ */ jsx(CheckCheck, { className: "h-3 w-3" }),
+  read: /* @__PURE__ */ jsx(CheckCheck, { className: "h-3 w-3 text-blue-500" }),
+  failed: /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 text-destructive" })
 };
 function parseMetadata(metadata) {
   if (!metadata) return {};
@@ -997,8 +744,8 @@ function parseMetadata(metadata) {
 function MediaContent({ message }) {
   switch (message.content_type) {
     case "image":
-      return /* @__PURE__ */ jsxs3("div", { className: "space-y-1", children: [
-        message.content_url && /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        message.content_url && /* @__PURE__ */ jsx(
           "img",
           {
             src: message.content_url,
@@ -1006,30 +753,30 @@ function MediaContent({ message }) {
             className: "max-w-[240px] rounded-md"
           }
         ),
-        message.content && /* @__PURE__ */ jsx5("p", { className: "text-sm", children: message.content })
+        message.content && /* @__PURE__ */ jsx("p", { className: "text-sm", children: message.content })
       ] });
     case "audio":
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(Headphones, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "Mensagem de \xE1udio" })
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Headphones, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Mensagem de \xE1udio" })
       ] });
     case "video":
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(Video, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "V\xEDdeo" }),
-        message.content && /* @__PURE__ */ jsx5("p", { className: "text-sm", children: message.content })
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "V\xEDdeo" }),
+        message.content && /* @__PURE__ */ jsx("p", { className: "text-sm", children: message.content })
       ] });
     case "document": {
       const meta = parseMetadata(message.metadata);
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(File, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: meta.filename || "Documento" })
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(File, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: meta.filename || "Documento" })
       ] });
     }
     case "location":
-      return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(MapPin, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx5("span", { className: "text-sm", children: "Localiza\xE7\xE3o" })
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Localiza\xE7\xE3o" })
       ] });
     default:
       return null;
@@ -1065,11 +812,11 @@ function MessageBubble({
     setEditing(false);
   }
   if (isRevoked) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn("flex", isOutbound ? "justify-end" : "justify-start"),
-        children: /* @__PURE__ */ jsx5("div", { className: "max-w-[75%]", children: /* @__PURE__ */ jsxs3(
+        children: /* @__PURE__ */ jsx("div", { className: "max-w-[75%]", children: /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
@@ -1077,8 +824,8 @@ function MessageBubble({
               isOutbound ? "bg-primary/40" : "bg-muted/60"
             ),
             children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(
                   Ban,
                   {
                     className: cn(
@@ -1087,7 +834,7 @@ function MessageBubble({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
@@ -1098,14 +845,14 @@ function MessageBubble({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: cn(
                     "mt-1 flex items-center justify-end gap-1",
                     isOutbound ? "text-primary-foreground/40" : "text-muted-foreground/60"
                   ),
-                  children: /* @__PURE__ */ jsx5("span", { className: "text-[10px]", children: time })
+                  children: /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: time })
                 }
               )
             ]
@@ -1114,7 +861,7 @@ function MessageBubble({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -1122,11 +869,11 @@ function MessageBubble({
         isOutbound ? "justify-end" : "justify-start"
       ),
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "max-w-[75%] relative", children: [
-          canAct && /* @__PURE__ */ jsx5("div", { className: "absolute -top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5("button", { className: "h-6 w-6 rounded-full bg-background/80 shadow-sm flex items-center justify-center hover:bg-background", children: /* @__PURE__ */ jsx5(MoreHorizontal, { className: "h-3.5 w-3.5 text-muted-foreground" }) }) }),
-            /* @__PURE__ */ jsxs3(DropdownMenuContent, { align: "end", className: "w-40", children: [
-              canEdit && /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs("div", { className: "max-w-[75%] relative", children: [
+          canAct && /* @__PURE__ */ jsx("div", { className: "absolute -top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "h-6 w-6 rounded-full bg-background/80 shadow-sm flex items-center justify-center hover:bg-background", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3.5 w-3.5 text-muted-foreground" }) }) }),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-40", children: [
+              canEdit && /* @__PURE__ */ jsxs(
                 DropdownMenuItem,
                 {
                   onSelect: (e) => {
@@ -1135,12 +882,12 @@ function MessageBubble({
                     setEditContent(message.content || "");
                   },
                   children: [
-                    /* @__PURE__ */ jsx5(Pencil, { className: "h-4 w-4 mr-2" }),
+                    /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 mr-2" }),
                     "Editar"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs(
                 DropdownMenuItem,
                 {
                   onSelect: (e) => {
@@ -1149,7 +896,7 @@ function MessageBubble({
                   },
                   className: "text-destructive focus:text-destructive",
                   children: [
-                    /* @__PURE__ */ jsx5(Trash2, { className: "h-4 w-4 mr-2" }),
+                    /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
                     "Apagar para todos"
                   ]
                 }
@@ -1157,7 +904,7 @@ function MessageBubble({
             ] })
           ] }) }),
           renderActions?.(message),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               className: cn(
@@ -1167,7 +914,7 @@ function MessageBubble({
                 isFailed && "bg-destructive/10 border border-destructive/30"
               ),
               children: [
-                agentLabel && /* @__PURE__ */ jsx5(
+                agentLabel && /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
@@ -1177,8 +924,8 @@ function MessageBubble({
                     children: agentLabel
                   }
                 ),
-                editing ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx5(
+                editing ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx(
                     Textarea,
                     {
                       value: editContent,
@@ -1197,8 +944,8 @@ function MessageBubble({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-1.5", children: [
-                    /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
                       Button,
                       {
                         size: "sm",
@@ -1208,7 +955,7 @@ function MessageBubble({
                         children: "Cancelar"
                       }
                     ),
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx(
                       Button,
                       {
                         size: "sm",
@@ -1219,7 +966,7 @@ function MessageBubble({
                       }
                     )
                   ] })
-                ] }) : message.content_type === "text" ? /* @__PURE__ */ jsx5(
+                ] }) : message.content_type === "text" ? /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
@@ -1228,8 +975,8 @@ function MessageBubble({
                     ),
                     children: message.content
                   }
-                ) : /* @__PURE__ */ jsx5(MediaContent, { message }),
-                !editing && /* @__PURE__ */ jsxs3(
+                ) : /* @__PURE__ */ jsx(MediaContent, { message }),
+                !editing && /* @__PURE__ */ jsxs(
                   "div",
                   {
                     className: cn(
@@ -1237,8 +984,8 @@ function MessageBubble({
                       isFailed ? "text-destructive" : isOutbound ? "text-primary-foreground/60" : "text-muted-foreground"
                     ),
                     children: [
-                      isEdited && /* @__PURE__ */ jsx5("span", { className: "text-[10px] italic", children: "editada" }),
-                      /* @__PURE__ */ jsx5("span", { className: "text-[10px]", children: time }),
+                      isEdited && /* @__PURE__ */ jsx("span", { className: "text-[10px] italic", children: "editada" }),
+                      /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: time }),
                       isOutbound && statusIcons[message.status]
                     ]
                   }
@@ -1246,30 +993,30 @@ function MessageBubble({
               ]
             }
           ),
-          isFailed && /* @__PURE__ */ jsxs3("div", { className: "mt-1 flex items-center gap-1.5 justify-end px-1", children: [
-            /* @__PURE__ */ jsx5(AlertCircle, { className: "h-3 w-3 shrink-0 text-destructive" }),
-            /* @__PURE__ */ jsx5("span", { className: "text-[11px] text-destructive", children: message._error || "Erro ao enviar" }),
-            onRetry && /* @__PURE__ */ jsxs3(
+          isFailed && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1.5 justify-end px-1", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 shrink-0 text-destructive" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-destructive", children: message._error || "Erro ao enviar" }),
+            onRetry && /* @__PURE__ */ jsxs(
               "button",
               {
                 onClick: () => onRetry(message),
                 className: "inline-flex items-center gap-0.5 text-[11px] text-destructive font-medium hover:text-destructive/80 hover:underline cursor-pointer ml-1",
                 children: [
-                  /* @__PURE__ */ jsx5(RotateCcw, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3" }),
                   "Reenviar"
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx5(AlertDialog, { open: showRevokeDialog, onOpenChange: setShowRevokeDialog, children: /* @__PURE__ */ jsxs3(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsxs3(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx5(AlertDialogTitle, { children: "Apagar mensagem?" }),
-            /* @__PURE__ */ jsx5(AlertDialogDescription, { children: 'A mensagem ser\xE1 apagada para todos no WhatsApp. Ela continuar\xE1 vis\xEDvel aqui como "mensagem apagada".' })
+        /* @__PURE__ */ jsx(AlertDialog, { open: showRevokeDialog, onOpenChange: setShowRevokeDialog, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Apagar mensagem?" }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: 'A mensagem ser\xE1 apagada para todos no WhatsApp. Ela continuar\xE1 vis\xEDvel aqui como "mensagem apagada".' })
           ] }),
-          /* @__PURE__ */ jsxs3(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx5(AlertDialogCancel, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx(
               AlertDialogAction,
               {
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
@@ -1287,7 +1034,8 @@ function MessageBubble({
 // src/components/chat-input.tsx
 import { useState as useState2, useRef } from "react";
 import { Send } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Button as Button2, Textarea as Textarea2 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ChatInput({ onSend, disabled }) {
   const [content, setContent] = useState2("");
   const textareaRef = useRef(null);
@@ -1304,9 +1052,9 @@ function ChatInput({ onSend, disabled }) {
       handleSend();
     }
   }
-  return /* @__PURE__ */ jsx6("div", { className: "border-t p-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2", children: [
-    /* @__PURE__ */ jsx6(
-      Textarea,
+  return /* @__PURE__ */ jsx2("div", { className: "border-t p-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-end gap-2", children: [
+    /* @__PURE__ */ jsx2(
+      Textarea2,
       {
         ref: textareaRef,
         placeholder: "Digite uma mensagem...",
@@ -1317,157 +1065,22 @@ function ChatInput({ onSend, disabled }) {
         className: "min-h-[40px] max-h-[120px] resize-none"
       }
     ),
-    /* @__PURE__ */ jsx6(
-      Button,
+    /* @__PURE__ */ jsx2(
+      Button2,
       {
         size: "icon",
         onClick: handleSend,
         disabled: !content.trim() || disabled,
         className: "shrink-0",
-        children: /* @__PURE__ */ jsx6(Send, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx2(Send, { className: "h-4 w-4" })
       }
     )
   ] }) });
 }
 
-// src/components/ui/skeleton.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("bg-muted rounded-md animate-pulse", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/select.tsx
-import { Select as SelectPrimitive } from "radix-ui";
-import { Check as Check3, ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-3 data-[size=default]:h-9 data-[size=sm]:h-8 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx8(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx8(ChevronsUpDown, { className: "text-muted-foreground size-4 pointer-events-none" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "item-aligned",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) overflow-x-hidden overflow-y-auto",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx8(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx8(SelectPrimitive.Viewport, { children }),
-        /* @__PURE__ */ jsx8(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs5(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx8("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx8(Check3, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ jsx8(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx8(ChevronUp, {})
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx8(ChevronDown, {})
-    }
-  );
-}
-
 // src/components/chat-view.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Skeleton, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ChatView({
   messages,
   isLoading,
@@ -1495,35 +1108,35 @@ function ChatView({
     prevMessageCount.current = messages?.length || 0;
   }, [messages]);
   const groups = messages ? groupMessagesByDate(messages) : [];
-  return /* @__PURE__ */ jsxs6("div", { className: "flex h-full flex-col", children: [
-    renderHeader !== void 0 ? renderHeader : /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
-      /* @__PURE__ */ jsx9("div", { className: "flex-1" }),
-      renderStatusDropdown !== void 0 ? renderStatusDropdown : onStatusChange ? /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col", children: [
+    renderHeader !== void 0 ? renderHeader : /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex-1" }),
+      renderStatusDropdown !== void 0 ? renderStatusDropdown : onStatusChange ? /* @__PURE__ */ jsxs3(
         Select,
         {
           value: inboxStatus,
           onValueChange: onStatusChange,
           children: [
-            /* @__PURE__ */ jsx9(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: /* @__PURE__ */ jsx9(SelectValue, { placeholder: "Status" }) }),
-            /* @__PURE__ */ jsxs6(SelectContent, { children: [
-              /* @__PURE__ */ jsx9(SelectItem, { value: "open", children: "Aberta" }),
-              /* @__PURE__ */ jsx9(SelectItem, { value: "pending", children: "Pendente" }),
-              /* @__PURE__ */ jsx9(SelectItem, { value: "resolved", children: "Resolvida" })
+            /* @__PURE__ */ jsx3(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: /* @__PURE__ */ jsx3(SelectValue, { placeholder: "Status" }) }),
+            /* @__PURE__ */ jsxs3(SelectContent, { children: [
+              /* @__PURE__ */ jsx3(SelectItem, { value: "open", children: "Aberta" }),
+              /* @__PURE__ */ jsx3(SelectItem, { value: "pending", children: "Pendente" }),
+              /* @__PURE__ */ jsx3(SelectItem, { value: "resolved", children: "Resolvida" })
             ] })
           ]
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx9("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4", children: isLoading ? /* @__PURE__ */ jsx9("div", { className: "space-y-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx3("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4", children: isLoading ? /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx3(
       "div",
       {
         className: `flex ${i % 2 === 0 ? "justify-start" : "justify-end"}`,
-        children: /* @__PURE__ */ jsx9(Skeleton, { className: "h-12 w-64 rounded-lg" })
+        children: /* @__PURE__ */ jsx3(Skeleton, { className: "h-12 w-64 rounded-lg" })
       },
       i
-    )) }) : groups.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: "Nenhuma mensagem ainda" }) : /* @__PURE__ */ jsx9("div", { className: "space-y-4", children: groups.map((group, gi) => /* @__PURE__ */ jsxs6("div", { children: [
-      /* @__PURE__ */ jsx9("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ jsx9("span", { className: "rounded-full bg-muted px-3 py-1 text-[11px] text-muted-foreground", children: formatDateGroup(group.date) }) }),
-      /* @__PURE__ */ jsx9("div", { className: "space-y-1", children: group.messages.map((msg) => /* @__PURE__ */ jsx9(
+    )) }) : groups.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: "Nenhuma mensagem ainda" }) : /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: groups.map((group, gi) => /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3("div", { className: "mb-3 flex justify-center", children: /* @__PURE__ */ jsx3("span", { className: "rounded-full bg-muted px-3 py-1 text-[11px] text-muted-foreground", children: formatDateGroup(group.date) }) }),
+      /* @__PURE__ */ jsx3("div", { className: "space-y-1", children: group.messages.map((msg) => /* @__PURE__ */ jsx3(
         MessageBubble,
         {
           message: msg,
@@ -1534,48 +1147,13 @@ function ChatView({
         msg.id
       )) })
     ] }, gi)) }) }),
-    /* @__PURE__ */ jsx9(ChatInput, { onSend, disabled: sendDisabled })
+    /* @__PURE__ */ jsx3(ChatInput, { onSend, disabled: sendDisabled })
   ] });
 }
 
-// src/components/ui/avatar.tsx
-import { Avatar as AvatarPrimitive } from "radix-ui";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      className: cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "flex size-full items-center justify-center rounded-full bg-muted",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/components/contact-avatar.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, cn as cn2 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var COLORS = [
   "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
   "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
@@ -1613,102 +1191,30 @@ function ContactAvatar({
   const displayName = name || "?";
   const color = COLORS[hashCode(displayName) % COLORS.length];
   const initials = getInitials(displayName);
-  return /* @__PURE__ */ jsx11(Avatar, { className: cn(SIZE_MAP[size], className), children: /* @__PURE__ */ jsx11(AvatarFallback, { className: cn("font-medium", color), children: initials }) });
+  return /* @__PURE__ */ jsx4(Avatar, { className: cn2(SIZE_MAP[size], className), children: /* @__PURE__ */ jsx4(AvatarFallback, { className: cn2("font-medium", color), children: initials }) });
 }
 
 // src/components/inbox-item.tsx
 import { useState as useState3 } from "react";
-
-// src/components/ui/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { Slot as Slot2 } from "radix-ui";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground",
-        secondary: "bg-secondary text-secondary-foreground",
-        destructive: "bg-destructive/10 text-destructive dark:bg-destructive/20",
-        outline: "border-border text-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot2.Root : "span";
-  return /* @__PURE__ */ jsx12(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/tooltip.tsx
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(TooltipProvider, { children: /* @__PURE__ */ jsx13(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 4,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props,
-      children
-    }
-  ) });
-}
-
-// src/components/inbox-item.tsx
+import {
+  Badge,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  AlertDialog as AlertDialog2,
+  AlertDialogAction as AlertDialogAction2,
+  AlertDialogCancel as AlertDialogCancel2,
+  AlertDialogContent as AlertDialogContent2,
+  AlertDialogDescription as AlertDialogDescription2,
+  AlertDialogFooter as AlertDialogFooter2,
+  AlertDialogHeader as AlertDialogHeader2,
+  AlertDialogTitle as AlertDialogTitle2,
+  cn as cn3
+} from "@greatapps/greatauth-ui/ui";
 import { formatDistanceToNow } from "date-fns";
 import { ptBR as ptBR2 } from "date-fns/locale";
 import { Trash2 as Trash22 } from "lucide-react";
-import { Fragment, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var statusColors = {
   open: "bg-green-500/10 text-green-600 border-green-200",
   pending: "bg-yellow-500/10 text-yellow-600 border-yellow-200",
@@ -1734,17 +1240,17 @@ function InboxItem({
   });
   const lastMessage = inbox.last_message_content_type === "text" ? inbox.last_message_content : inbox.last_message_content_type ? `[${inbox.last_message_content_type}]` : null;
   const directionPrefix = inbox.last_message_direction === "outbound" ? "Voc\xEA: " : "";
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsxs4(
       "div",
       {
-        className: cn(
+        className: cn3(
           "flex w-full items-start gap-3 rounded-md p-3 text-left transition-colors hover:bg-accent group relative cursor-pointer",
           isSelected && "bg-accent"
         ),
         onClick,
         children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx5(
             ContactAvatar,
             {
               name: inbox.contact_name,
@@ -1752,14 +1258,14 @@ function InboxItem({
               size: "md"
             }
           ),
-          /* @__PURE__ */ jsxs7("div", { className: "flex-1 overflow-hidden", children: [
-            /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx14("span", { className: "truncate font-medium text-sm", children: inbox.contact_name || "Desconhecido" }),
-              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ jsx14("span", { className: "text-xs text-muted-foreground", children: timeAgo }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex-1 overflow-hidden", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx5("span", { className: "truncate font-medium text-sm", children: inbox.contact_name || "Desconhecido" }),
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 shrink-0", children: [
+                /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: timeAgo }),
                 renderActions?.(inbox),
-                onDelete && /* @__PURE__ */ jsxs7(Tooltip, { children: [
-                  /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+                onDelete && /* @__PURE__ */ jsxs4(Tooltip, { children: [
+                  /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(
                     "button",
                     {
                       className: "h-5 w-5 rounded flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-muted text-destructive",
@@ -1767,20 +1273,20 @@ function InboxItem({
                         e.stopPropagation();
                         setShowDeleteDialog(true);
                       },
-                      children: /* @__PURE__ */ jsx14(Trash22, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ jsx5(Trash22, { className: "h-3.5 w-3.5" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx14(TooltipContent, { children: "Excluir conversa" })
+                  /* @__PURE__ */ jsx5(TooltipContent, { children: "Excluir conversa" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
-              /* @__PURE__ */ jsx14("p", { className: "truncate text-xs text-muted-foreground", children: lastMessage ? `${directionPrefix}${lastMessage}` : "Sem mensagens" }),
-              /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
+              /* @__PURE__ */ jsx5("p", { className: "truncate text-xs text-muted-foreground", children: lastMessage ? `${directionPrefix}${lastMessage}` : "Sem mensagens" }),
+              /* @__PURE__ */ jsx5(
                 Badge,
                 {
                   variant: "outline",
-                  className: cn(
+                  className: cn3(
                     "shrink-0 text-[10px] px-1.5 py-0",
                     statusColors[inbox.status]
                   ),
@@ -1792,19 +1298,19 @@ function InboxItem({
         ]
       }
     ),
-    /* @__PURE__ */ jsx14(AlertDialog, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: /* @__PURE__ */ jsxs7(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs7(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx14(AlertDialogTitle, { children: "Excluir conversa?" }),
-        /* @__PURE__ */ jsxs7(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx5(AlertDialog2, { open: showDeleteDialog, onOpenChange: setShowDeleteDialog, children: /* @__PURE__ */ jsxs4(AlertDialogContent2, { children: [
+      /* @__PURE__ */ jsxs4(AlertDialogHeader2, { children: [
+        /* @__PURE__ */ jsx5(AlertDialogTitle2, { children: "Excluir conversa?" }),
+        /* @__PURE__ */ jsxs4(AlertDialogDescription2, { children: [
           "A conversa com ",
           inbox.contact_name || "este contato",
           " ser\xE1 removida da lista. As mensagens n\xE3o ser\xE3o apagadas do WhatsApp."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx14(AlertDialogCancel, { children: "Cancelar" }),
-        /* @__PURE__ */ jsx14(
-          AlertDialogAction,
+      /* @__PURE__ */ jsxs4(AlertDialogFooter2, { children: [
+        /* @__PURE__ */ jsx5(AlertDialogCancel2, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx5(
+          AlertDialogAction2,
           {
             className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
             onClick: () => onDelete?.(inbox.id),
@@ -1818,120 +1324,9 @@ function InboxItem({
 
 // src/components/inbox-sidebar.tsx
 import { useState as useState4, useMemo as useMemo3 } from "react";
-
-// src/components/ui/input.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx15(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/tabs.tsx
-import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx16 } from "react/jsx-runtime";
-function Tabs({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    TabsPrimitive.Root,
-    {
-      "data-slot": "tabs",
-      className: cn("flex flex-col gap-2", className),
-      ...props
-    }
-  );
-}
-function TabsList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    TabsPrimitive.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(
-        "inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx16(
-    TabsPrimitive.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: cn(
-        "inline-flex items-center justify-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/scroll-area.tsx
-import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs8(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit] [&>div]:!block", children }),
-        /* @__PURE__ */ jsx17(ScrollBar, {}),
-        /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx17(
-    ScrollAreaPrimitive.Scrollbar,
-    {
-      "data-slot": "scroll-bar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Thumb, { className: "relative flex-1 rounded-full bg-border" })
-    }
-  );
-}
-
-// src/components/inbox-sidebar.tsx
+import { Input, Tabs, TabsList, TabsTrigger, Button as Button3, Skeleton as Skeleton2, ScrollArea } from "@greatapps/greatauth-ui/ui";
 import { Search, Plus, Inbox as InboxIcon } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var STATUS_TABS = [
   { value: "all", label: "Todas" },
   { value: "open", label: "Abertas" },
@@ -1972,13 +1367,13 @@ function InboxSidebar({
       return new Date(dateB).getTime() - new Date(dateA).getTime();
     });
   }, [inboxes, statusFilter, search, filterChannelId]);
-  return /* @__PURE__ */ jsxs9("div", { className: "flex h-full flex-col", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "flex h-full flex-col", children: [
     renderHeader,
-    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-3 p-3", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsx18(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-          /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 p-3", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ jsx6(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx6(
             Input,
             {
               placeholder: "Buscar...",
@@ -1988,17 +1383,17 @@ function InboxSidebar({
             }
           )
         ] }),
-        onCreateInbox && /* @__PURE__ */ jsx18(
-          Button,
+        onCreateInbox && /* @__PURE__ */ jsx6(
+          Button3,
           {
             size: "icon",
             className: "h-8 w-8 shrink-0",
             onClick: onCreateInbox,
-            children: /* @__PURE__ */ jsx18(Plus, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx6(Plus, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx18(Tabs, { value: statusFilter, onValueChange: setStatusFilter, children: /* @__PURE__ */ jsx18(TabsList, { className: "w-full", children: STATUS_TABS.map((tab) => /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx6(Tabs, { value: statusFilter, onValueChange: setStatusFilter, children: /* @__PURE__ */ jsx6(TabsList, { className: "w-full", children: STATUS_TABS.map((tab) => /* @__PURE__ */ jsx6(
         TabsTrigger,
         {
           value: tab.value,
@@ -2008,16 +1403,16 @@ function InboxSidebar({
         tab.value
       )) }) })
     ] }),
-    /* @__PURE__ */ jsx18(ScrollArea, { className: "flex-1 px-2", children: isLoading ? /* @__PURE__ */ jsx18("div", { className: "space-y-2 p-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 p-3", children: [
-      /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-10 rounded-full shrink-0" }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex-1 space-y-1.5", children: [
-        /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-28" }),
-        /* @__PURE__ */ jsx18(Skeleton, { className: "h-3 w-40" })
+    /* @__PURE__ */ jsx6(ScrollArea, { className: "flex-1 px-2", children: isLoading ? /* @__PURE__ */ jsx6("div", { className: "space-y-2 p-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 p-3", children: [
+      /* @__PURE__ */ jsx6(Skeleton2, { className: "h-10 w-10 rounded-full shrink-0" }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ jsx6(Skeleton2, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsx6(Skeleton2, { className: "h-3 w-40" })
       ] })
-    ] }, i)) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center gap-2 py-8 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx18(InboxIcon, { className: "h-8 w-8 opacity-50" }),
+    ] }, i)) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center gap-2 py-8 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx6(InboxIcon, { className: "h-8 w-8 opacity-50" }),
       "Nenhuma conversa encontrada"
-    ] }) : filtered.map((inbox) => /* @__PURE__ */ jsx18(
+    ] }) : filtered.map((inbox) => /* @__PURE__ */ jsx6(
       InboxItem,
       {
         inbox,
@@ -2031,31 +1426,8 @@ function InboxSidebar({
   ] });
 }
 
-// src/components/ui/separator.tsx
-import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(
-    SeparatorPrimitive.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/components/contact-info-panel.tsx
+import { Button as Button4, Skeleton as Skeleton3, Separator, cn as cn4 } from "@greatapps/greatauth-ui/ui";
 import {
   X,
   Phone,
@@ -2066,18 +1438,18 @@ import {
 } from "lucide-react";
 import { format as format2 } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function InfoRow({
   icon: Icon,
   label,
   value
 }) {
   if (!value) return null;
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3 py-2", children: [
-    /* @__PURE__ */ jsx20(Icon, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-    /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: label }),
-      /* @__PURE__ */ jsx20("p", { className: "text-sm break-all", children: value })
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3 py-2", children: [
+    /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx7("p", { className: "text-sm break-all", children: value })
     ] })
   ] });
 }
@@ -2087,40 +1459,40 @@ function ContactInfoPanel({
   onClose,
   className
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
-      className: cn(
+      className: cn4(
         "flex h-full w-[320px] shrink-0 flex-col border-l",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
-          /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium", children: "Informa\xE7\xF5es do contato" }),
-          onClose && /* @__PURE__ */ jsx20(
-            Button,
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsx7("span", { className: "text-sm font-medium", children: "Informa\xE7\xF5es do contato" }),
+          onClose && /* @__PURE__ */ jsx7(
+            Button4,
             {
               variant: "ghost",
               size: "icon",
               className: "h-7 w-7",
               onClick: onClose,
-              children: /* @__PURE__ */ jsx20(X, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(X, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "flex-1 overflow-y-auto p-4", children: isLoading ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 pt-4", children: [
-          /* @__PURE__ */ jsx20(Skeleton, { className: "h-16 w-16 rounded-full" }),
-          /* @__PURE__ */ jsx20(Skeleton, { className: "h-5 w-32" }),
-          /* @__PURE__ */ jsx20(Skeleton, { className: "h-4 w-24" })
-        ] }) : contact ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
-          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-2 pb-4", children: [
-            /* @__PURE__ */ jsx20(ContactAvatar, { name: contact.name, size: "lg" }),
-            /* @__PURE__ */ jsx20("h3", { className: "text-base font-medium text-center", children: contact.name || "Desconhecido" })
+        /* @__PURE__ */ jsx7("div", { className: "flex-1 overflow-y-auto p-4", children: isLoading ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-3 pt-4", children: [
+          /* @__PURE__ */ jsx7(Skeleton3, { className: "h-16 w-16 rounded-full" }),
+          /* @__PURE__ */ jsx7(Skeleton3, { className: "h-5 w-32" }),
+          /* @__PURE__ */ jsx7(Skeleton3, { className: "h-4 w-24" })
+        ] }) : contact ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-2 pb-4", children: [
+            /* @__PURE__ */ jsx7(ContactAvatar, { name: contact.name, size: "lg" }),
+            /* @__PURE__ */ jsx7("h3", { className: "text-base font-medium text-center", children: contact.name || "Desconhecido" })
           ] }),
-          /* @__PURE__ */ jsx20(Separator, {}),
-          /* @__PURE__ */ jsxs10("div", { className: "mt-3 space-y-1", children: [
-            /* @__PURE__ */ jsx20(InfoRow, { icon: Hash, label: "ID", value: contact.id?.toString() }),
-            /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx7(Separator, {}),
+          /* @__PURE__ */ jsxs6("div", { className: "mt-3 space-y-1", children: [
+            /* @__PURE__ */ jsx7(InfoRow, { icon: Hash, label: "ID", value: contact.id?.toString() }),
+            /* @__PURE__ */ jsx7(
               InfoRow,
               {
                 icon: Phone,
@@ -2128,7 +1500,7 @@ function ContactInfoPanel({
                 value: contact.phone_number
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx7(
               InfoRow,
               {
                 icon: Fingerprint,
@@ -2136,7 +1508,7 @@ function ContactInfoPanel({
                 value: contact.identifier
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx7(
               InfoRow,
               {
                 icon: Calendar,
@@ -2148,7 +1520,7 @@ function ContactInfoPanel({
                 ) : null
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx7(
               InfoRow,
               {
                 icon: CalendarClock,
@@ -2169,214 +1541,28 @@ function ContactInfoPanel({
 
 // src/components/new-conversation-dialog.tsx
 import { useState as useState5, useCallback, useEffect as useEffect2 } from "react";
-
-// src/components/ui/dialog.tsx
-import { Dialog as DialogPrimitive } from "radix-ui";
-import { X as X2 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs11(DialogPortal, { children: [
-    /* @__PURE__ */ jsx21(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs11(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs11(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ jsx21(X2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg font-semibold leading-none tracking-tight", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/command.tsx
-import { Command as CommandPrimitive } from "cmdk";
-import { Search as Search2 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    CommandPrimitive,
-    {
-      "data-slot": "command",
-      className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs12("div", { className: "flex h-9 items-center gap-2 border-b px-3", "data-slot": "command-input-wrapper", children: [
-    /* @__PURE__ */ jsx22(Search2, { className: "size-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ jsx22(
-      CommandPrimitive.Input,
-      {
-        "data-slot": "command-input",
-        className: cn(
-          "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    CommandPrimitive.List,
-    {
-      "data-slot": "command-list",
-      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    CommandPrimitive.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    CommandPrimitive.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    CommandPrimitive.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/new-conversation-dialog.tsx
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+  Command,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue as SelectValue2,
+  Button as Button5
+} from "@greatapps/greatauth-ui/ui";
 import { Loader2 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function NewConversationDialog({
   open,
   onOpenChange,
@@ -2419,27 +1605,27 @@ function NewConversationDialog({
     onCreated,
     onOpenChange
   ]);
-  return /* @__PURE__ */ jsx23(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs13(DialogContent, { className: "sm:max-w-md p-0 gap-0", children: [
-    /* @__PURE__ */ jsxs13(DialogHeader, { className: "px-4 pt-4 pb-2", children: [
-      /* @__PURE__ */ jsx23(DialogTitle, { children: "Nova conversa" }),
-      /* @__PURE__ */ jsx23(DialogDescription, { children: "Selecione um contato para iniciar uma conversa" })
+  return /* @__PURE__ */ jsx8(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs7(DialogContent, { className: "sm:max-w-md p-0 gap-0", children: [
+    /* @__PURE__ */ jsxs7(DialogHeader, { className: "px-4 pt-4 pb-2", children: [
+      /* @__PURE__ */ jsx8(DialogTitle, { children: "Nova conversa" }),
+      /* @__PURE__ */ jsx8(DialogDescription, { children: "Selecione um contato para iniciar uma conversa" })
     ] }),
-    channels.length > 1 && /* @__PURE__ */ jsx23("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs13(
-      Select,
+    channels.length > 1 && /* @__PURE__ */ jsx8("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs7(
+      Select2,
       {
         value: selectedChannelId?.toString() ?? "",
         onValueChange: (v) => setSelectedChannelId(Number(v)),
         children: [
-          /* @__PURE__ */ jsx23(SelectTrigger, { className: "h-9", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Selecione um canal" }) }),
-          /* @__PURE__ */ jsx23(SelectContent, { children: channels.map((ch) => /* @__PURE__ */ jsx23(SelectItem, { value: ch.id.toString(), children: ch.name }, ch.id)) })
+          /* @__PURE__ */ jsx8(SelectTrigger2, { className: "h-9", children: /* @__PURE__ */ jsx8(SelectValue2, { placeholder: "Selecione um canal" }) }),
+          /* @__PURE__ */ jsx8(SelectContent2, { children: channels.map((ch) => /* @__PURE__ */ jsx8(SelectItem2, { value: ch.id.toString(), children: ch.name }, ch.id)) })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs13(Command, { className: "rounded-none border-none shadow-none", children: [
-      /* @__PURE__ */ jsx23("div", { className: "px-2", children: /* @__PURE__ */ jsx23(CommandInput, { placeholder: "Buscar contato..." }) }),
-      /* @__PURE__ */ jsxs13(CommandList, { className: "max-h-64 px-2", children: [
-        /* @__PURE__ */ jsx23(CommandEmpty, { children: "Nenhum contato encontrado" }),
-        /* @__PURE__ */ jsx23(CommandGroup, { children: contacts.map((contact) => /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs7(Command, { className: "rounded-none border-none shadow-none", children: [
+      /* @__PURE__ */ jsx8("div", { className: "px-2", children: /* @__PURE__ */ jsx8(CommandInput, { placeholder: "Buscar contato..." }) }),
+      /* @__PURE__ */ jsxs7(CommandList, { className: "max-h-64 px-2", children: [
+        /* @__PURE__ */ jsx8(CommandEmpty, { children: "Nenhum contato encontrado" }),
+        /* @__PURE__ */ jsx8(CommandGroup, { children: contacts.map((contact) => /* @__PURE__ */ jsxs7(
           CommandItem,
           {
             value: `${contact.name} ${contact.phone_number || ""}`,
@@ -2447,10 +1633,10 @@ function NewConversationDialog({
             "data-checked": selectedContact?.id === contact.id,
             className: "gap-3",
             children: [
-              /* @__PURE__ */ jsx23(ContactAvatar, { name: contact.name, size: "sm" }),
-              /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx23("p", { className: "truncate text-sm font-medium", children: contact.name }),
-                /* @__PURE__ */ jsx23("p", { className: "truncate text-xs text-muted-foreground", children: contact.phone_number || contact.identifier || "Sem telefone" })
+              /* @__PURE__ */ jsx8(ContactAvatar, { name: contact.name, size: "sm" }),
+              /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx8("p", { className: "truncate text-sm font-medium", children: contact.name }),
+                /* @__PURE__ */ jsx8("p", { className: "truncate text-xs text-muted-foreground", children: contact.phone_number || contact.identifier || "Sem telefone" })
               ] })
             ]
           },
@@ -2458,15 +1644,15 @@ function NewConversationDialog({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs13(DialogFooter, { className: "px-4 py-3 border-t", children: [
-      /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancelar" }),
-      /* @__PURE__ */ jsxs13(
-        Button,
+    /* @__PURE__ */ jsxs7(DialogFooter, { className: "px-4 py-3 border-t", children: [
+      /* @__PURE__ */ jsx8(Button5, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancelar" }),
+      /* @__PURE__ */ jsxs7(
+        Button5,
         {
           disabled: !selectedContact || !effectiveChannelId || isCreating,
           onClick: handleCreate,
           children: [
-            isCreating && /* @__PURE__ */ jsx23(Loader2, { className: "h-4 w-4 animate-spin" }),
+            isCreating && /* @__PURE__ */ jsx8(Loader2, { className: "h-4 w-4 animate-spin" }),
             "Iniciar conversa"
           ]
         }
@@ -2476,20 +1662,21 @@ function NewConversationDialog({
 }
 
 // src/components/whatsapp-status-badge.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { Badge as Badge2 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function WhatsappStatusBadge({
   status,
   hasSession
 }) {
   if (!hasSession) {
-    return /* @__PURE__ */ jsx24(Badge, { variant: "outline", className: "text-xs text-zinc-500 border-zinc-300", children: "Sem sess\xE3o" });
+    return /* @__PURE__ */ jsx9(Badge2, { variant: "outline", className: "text-xs text-zinc-500 border-zinc-300", children: "Sem sess\xE3o" });
   }
   if (!status) {
-    return /* @__PURE__ */ jsx24(Badge, { variant: "outline", className: "text-xs text-zinc-500 border-zinc-300", children: "Verificando..." });
+    return /* @__PURE__ */ jsx9(Badge2, { variant: "outline", className: "text-xs text-zinc-500 border-zinc-300", children: "Verificando..." });
   }
   if (status.connected && status.logged_in) {
-    return /* @__PURE__ */ jsx24(
-      Badge,
+    return /* @__PURE__ */ jsx9(
+      Badge2,
       {
         variant: "outline",
         className: "text-xs bg-green-500/10 text-green-600 border-green-200",
@@ -2498,8 +1685,8 @@ function WhatsappStatusBadge({
     );
   }
   if (status.connected && !status.logged_in) {
-    return /* @__PURE__ */ jsx24(
-      Badge,
+    return /* @__PURE__ */ jsx9(
+      Badge2,
       {
         variant: "outline",
         className: "text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200",
@@ -2508,8 +1695,8 @@ function WhatsappStatusBadge({
     );
   }
   if (status.logged_in && !status.connected) {
-    return /* @__PURE__ */ jsx24(
-      Badge,
+    return /* @__PURE__ */ jsx9(
+      Badge2,
       {
         variant: "outline",
         className: "text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200",
@@ -2517,8 +1704,8 @@ function WhatsappStatusBadge({
       }
     );
   }
-  return /* @__PURE__ */ jsx24(
-    Badge,
+  return /* @__PURE__ */ jsx9(
+    Badge2,
     {
       variant: "outline",
       className: "text-xs bg-red-500/10 text-red-600 border-red-200",
@@ -2528,7 +1715,8 @@ function WhatsappStatusBadge({
 }
 
 // src/components/channel-card.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Button as Button6 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ChannelCard({
   channel,
   config,
@@ -2540,61 +1728,61 @@ function ChannelCard({
 }) {
   const { data: status } = useChannelWhatsappStatus(config, channel.id);
   const hasSession = !!channel.external_id;
-  return /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-row items-start justify-between p-4 pb-2", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx25("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10", children: /* @__PURE__ */ jsx25("svg", { className: "h-5 w-5 text-green-600", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx25("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }) }),
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium", children: channel.name }),
-          /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: channel.identifier || "Sem n\xFAmero" })
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-row items-start justify-between p-4 pb-2", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx10("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10", children: /* @__PURE__ */ jsx10("svg", { className: "h-5 w-5 text-green-600", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx10("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }) }),
+        /* @__PURE__ */ jsxs8("div", { children: [
+          /* @__PURE__ */ jsx10("h3", { className: "text-sm font-medium", children: channel.name }),
+          /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: channel.identifier || "Sem n\xFAmero" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
-        onEdit && /* @__PURE__ */ jsx25(
-          Button,
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
+        onEdit && /* @__PURE__ */ jsx10(
+          Button6,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
             onClick: onEdit,
-            children: /* @__PURE__ */ jsxs14("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-              /* @__PURE__ */ jsx25("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-              /* @__PURE__ */ jsx25("path", { d: "m15 5 4 4" })
+            children: /* @__PURE__ */ jsxs8("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx10("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+              /* @__PURE__ */ jsx10("path", { d: "m15 5 4 4" })
             ] })
           }
         ),
-        onDelete && /* @__PURE__ */ jsx25(
-          Button,
+        onDelete && /* @__PURE__ */ jsx10(
+          Button6,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7 text-destructive hover:text-destructive",
             onClick: onDelete,
-            children: /* @__PURE__ */ jsxs14("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-              /* @__PURE__ */ jsx25("path", { d: "M3 6h18" }),
-              /* @__PURE__ */ jsx25("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-              /* @__PURE__ */ jsx25("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+            children: /* @__PURE__ */ jsxs8("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx10("path", { d: "M3 6h18" }),
+              /* @__PURE__ */ jsx10("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+              /* @__PURE__ */ jsx10("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx25(WhatsappStatusBadge, { status, hasSession })
+        /* @__PURE__ */ jsx10(WhatsappStatusBadge, { status, hasSession })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "p-4 pt-0 space-y-3", children: [
-      linkedAgentName && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs14("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsx25("path", { d: "M12 8V4H8" }),
-          /* @__PURE__ */ jsx25("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
-          /* @__PURE__ */ jsx25("path", { d: "M2 14h2" }),
-          /* @__PURE__ */ jsx25("path", { d: "M20 14h2" }),
-          /* @__PURE__ */ jsx25("path", { d: "M15 13v2" }),
-          /* @__PURE__ */ jsx25("path", { d: "M9 13v2" })
+    /* @__PURE__ */ jsxs8("div", { className: "p-4 pt-0 space-y-3", children: [
+      linkedAgentName && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs8("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx10("path", { d: "M12 8V4H8" }),
+          /* @__PURE__ */ jsx10("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+          /* @__PURE__ */ jsx10("path", { d: "M2 14h2" }),
+          /* @__PURE__ */ jsx10("path", { d: "M20 14h2" }),
+          /* @__PURE__ */ jsx10("path", { d: "M15 13v2" }),
+          /* @__PURE__ */ jsx10("path", { d: "M9 13v2" })
         ] }),
-        /* @__PURE__ */ jsxs14("span", { children: [
+        /* @__PURE__ */ jsxs8("span", { children: [
           "Agent: ",
-          /* @__PURE__ */ jsx25("strong", { children: linkedAgentName })
+          /* @__PURE__ */ jsx10("strong", { children: linkedAgentName })
         ] }),
-        !linkedAgentActive && /* @__PURE__ */ jsx25("span", { className: "text-[10px] px-1 py-0 border rounded", children: "inativo" })
+        !linkedAgentActive && /* @__PURE__ */ jsx10("span", { className: "text-[10px] px-1 py-0 border rounded", children: "inativo" })
       ] }),
       actions
     ] })
@@ -2602,9 +1790,9 @@ function ChannelCard({
 }
 
 // src/components/whatsapp-icon.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function WhatsappIcon(props) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2618,8 +1806,8 @@ function WhatsappIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx26("path", { d: "M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" }),
-        /* @__PURE__ */ jsx26("path", { d: "M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" })
+        /* @__PURE__ */ jsx11("path", { d: "M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" }),
+        /* @__PURE__ */ jsx11("path", { d: "M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" })
       ]
     }
   );
@@ -2627,9 +1815,17 @@ function WhatsappIcon(props) {
 
 // src/components/whatsapp-qr-dialog.tsx
 import { useEffect as useEffect3, useState as useState6, useCallback as useCallback2 } from "react";
-import { Loader2 as Loader22, Check as Check4, AlertCircle as AlertCircle2, RefreshCw } from "lucide-react";
+import {
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogHeader as DialogHeader2,
+  DialogTitle as DialogTitle2,
+  DialogDescription as DialogDescription2,
+  Button as Button7
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader22, Check as Check2, AlertCircle as AlertCircle2, RefreshCw } from "lucide-react";
 import { toast } from "sonner";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function WhatsappQrDialog({
   open,
   onOpenChange,
@@ -2680,22 +1876,22 @@ function WhatsappQrDialog({
       setTimeout(() => onOpenChange(false), 1500);
     }
   }, [status, onOpenChange]);
-  return /* @__PURE__ */ jsx27(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs16(DialogHeader, { children: [
-      /* @__PURE__ */ jsx27(DialogTitle, { children: "Conectar WhatsApp" }),
-      /* @__PURE__ */ jsx27(DialogDescription, { children: "Escaneie o QR code com seu WhatsApp para conectar" })
+  return /* @__PURE__ */ jsx12(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs10(DialogContent2, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs10(DialogHeader2, { children: [
+      /* @__PURE__ */ jsx12(DialogTitle2, { children: "Conectar WhatsApp" }),
+      /* @__PURE__ */ jsx12(DialogDescription2, { children: "Escaneie o QR code com seu WhatsApp para conectar" })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex min-h-[300px] items-center justify-center", children: [
-      state === "connecting" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx27(Loader22, { className: "h-8 w-8 animate-spin" }),
-        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: "Iniciando conex\xE3o..." })
+    /* @__PURE__ */ jsxs10("div", { className: "flex min-h-[300px] items-center justify-center", children: [
+      state === "connecting" && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx12(Loader22, { className: "h-8 w-8 animate-spin" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm", children: "Iniciando conex\xE3o..." })
       ] }),
-      state === "waiting_qr" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx27(Loader22, { className: "h-8 w-8 animate-spin" }),
-        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: "Gerando QR code..." })
+      state === "waiting_qr" && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx12(Loader22, { className: "h-8 w-8 animate-spin" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm", children: "Gerando QR code..." })
       ] }),
-      state === "showing_qr" && qrUrl && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ jsx27(
+      state === "showing_qr" && qrUrl && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx12(
           "img",
           {
             src: qrUrl,
@@ -2703,23 +1899,23 @@ function WhatsappQrDialog({
             className: "h-64 w-64 rounded-lg border"
           }
         ),
-        /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Abra o WhatsApp > Aparelhos conectados > Conectar" })
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Abra o WhatsApp > Aparelhos conectados > Conectar" })
       ] }),
-      state === "connected" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-green-600", children: [
-        /* @__PURE__ */ jsx27(Check4, { className: "h-12 w-12" }),
-        /* @__PURE__ */ jsx27("p", { className: "text-lg font-medium", children: "Conectado!" })
+      state === "connected" && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-green-600", children: [
+        /* @__PURE__ */ jsx12(Check2, { className: "h-12 w-12" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-lg font-medium", children: "Conectado!" })
       ] }),
-      state === "error" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-destructive", children: [
-        /* @__PURE__ */ jsx27(AlertCircle2, { className: "h-8 w-8" }),
-        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: errorMsg || "Erro ao gerar QR code" }),
-        /* @__PURE__ */ jsxs16(
-          Button,
+      state === "error" && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-destructive", children: [
+        /* @__PURE__ */ jsx12(AlertCircle2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm", children: errorMsg || "Erro ao gerar QR code" }),
+        /* @__PURE__ */ jsxs10(
+          Button7,
           {
             variant: "outline",
             size: "sm",
             onClick: startConnect,
             children: [
-              /* @__PURE__ */ jsx27(RefreshCw, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ jsx12(RefreshCw, { className: "mr-2 h-4 w-4" }),
               "Tentar novamente"
             ]
           }
@@ -2731,31 +1927,19 @@ function WhatsappQrDialog({
 
 // src/components/channel-create-dialog.tsx
 import { useState as useState7 } from "react";
-
-// src/components/ui/label.tsx
-import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
-function Label({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/channel-create-dialog.tsx
+import {
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogHeader as DialogHeader3,
+  DialogTitle as DialogTitle3,
+  DialogFooter as DialogFooter2,
+  Button as Button8,
+  Input as Input2,
+  Label
+} from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader23 } from "lucide-react";
 import { toast as toast2 } from "sonner";
-import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function ChannelCreateDialog({
   open,
   onOpenChange,
@@ -2786,16 +1970,16 @@ function ChannelCreateDialog({
       toast2.error("Erro ao criar canal");
     }
   }
-  return /* @__PURE__ */ jsx29(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent, { children: [
-    /* @__PURE__ */ jsx29(DialogHeader, { children: /* @__PURE__ */ jsxs17(DialogTitle, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx29(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
+  return /* @__PURE__ */ jsx13(Dialog3, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(DialogContent3, { children: [
+    /* @__PURE__ */ jsx13(DialogHeader3, { children: /* @__PURE__ */ jsxs11(DialogTitle3, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx13(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
       "Novo Canal WhatsApp"
     ] }) }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx29(Label, { htmlFor: "channel-name", children: "Nome do canal *" }),
-        /* @__PURE__ */ jsx29(
-          Input,
+    /* @__PURE__ */ jsxs11("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label, { htmlFor: "channel-name", children: "Nome do canal *" }),
+        /* @__PURE__ */ jsx13(
+          Input2,
           {
             id: "channel-name",
             value: name,
@@ -2806,10 +1990,10 @@ function ChannelCreateDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx29(Label, { htmlFor: "channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
-        /* @__PURE__ */ jsx29(
-          Input,
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label, { htmlFor: "channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
+        /* @__PURE__ */ jsx13(
+          Input2,
           {
             id: "channel-identifier",
             value: identifier,
@@ -2818,16 +2002,16 @@ function ChannelCreateDialog({
             disabled: createChannel.isPending
           }
         ),
-        /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "Ser\xE1 detectado automaticamente ao escanear o QR code" })
+        /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Ser\xE1 detectado automaticamente ao escanear o QR code" })
       ] }),
       renderAgentSelect?.({
         value: idAgent,
         onChange: setIdAgent,
         disabled: createChannel.isPending
       }),
-      /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-        /* @__PURE__ */ jsx29(
-          Button,
+      /* @__PURE__ */ jsxs11(DialogFooter2, { children: [
+        /* @__PURE__ */ jsx13(
+          Button8,
           {
             type: "button",
             variant: "outline",
@@ -2836,8 +2020,8 @@ function ChannelCreateDialog({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs17(Button, { type: "submit", disabled: createChannel.isPending || !name.trim(), children: [
-          createChannel.isPending && /* @__PURE__ */ jsx29(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsxs11(Button8, { type: "submit", disabled: createChannel.isPending || !name.trim(), children: [
+          createChannel.isPending && /* @__PURE__ */ jsx13(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
           "Criar Canal"
         ] })
       ] })
@@ -2847,9 +2031,19 @@ function ChannelCreateDialog({
 
 // src/components/channel-edit-dialog.tsx
 import { useState as useState8, useEffect as useEffect4 } from "react";
+import {
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogHeader as DialogHeader4,
+  DialogTitle as DialogTitle4,
+  DialogFooter as DialogFooter3,
+  Button as Button9,
+  Input as Input3,
+  Label as Label2
+} from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader24 } from "lucide-react";
 import { toast as toast3 } from "sonner";
-import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function ChannelEditDialog({
   open,
   onOpenChange,
@@ -2886,16 +2080,16 @@ function ChannelEditDialog({
       toast3.error("Erro ao atualizar canal");
     }
   }
-  return /* @__PURE__ */ jsx30(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogContent, { children: [
-    /* @__PURE__ */ jsx30(DialogHeader, { children: /* @__PURE__ */ jsxs18(DialogTitle, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx30(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
+  return /* @__PURE__ */ jsx14(Dialog4, { open, onOpenChange, children: /* @__PURE__ */ jsxs12(DialogContent4, { children: [
+    /* @__PURE__ */ jsx14(DialogHeader4, { children: /* @__PURE__ */ jsxs12(DialogTitle4, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx14(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
       "Editar Canal"
     ] }) }),
-    /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx30(Label, { htmlFor: "edit-channel-name", children: "Nome do canal *" }),
-        /* @__PURE__ */ jsx30(
-          Input,
+    /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx14(Label2, { htmlFor: "edit-channel-name", children: "Nome do canal *" }),
+        /* @__PURE__ */ jsx14(
+          Input3,
           {
             id: "edit-channel-name",
             value: name,
@@ -2906,10 +2100,10 @@ function ChannelEditDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx30(Label, { htmlFor: "edit-channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
-        /* @__PURE__ */ jsx30(
-          Input,
+      /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx14(Label2, { htmlFor: "edit-channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
+        /* @__PURE__ */ jsx14(
+          Input3,
           {
             id: "edit-channel-identifier",
             value: identifier,
@@ -2924,9 +2118,9 @@ function ChannelEditDialog({
         onChange: setIdAgent,
         disabled: updateChannel.isPending
       }),
-      /* @__PURE__ */ jsxs18(DialogFooter, { children: [
-        /* @__PURE__ */ jsx30(
-          Button,
+      /* @__PURE__ */ jsxs12(DialogFooter3, { children: [
+        /* @__PURE__ */ jsx14(
+          Button9,
           {
             type: "button",
             variant: "outline",
@@ -2935,8 +2129,8 @@ function ChannelEditDialog({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs18(Button, { type: "submit", disabled: updateChannel.isPending || !name.trim(), children: [
-          updateChannel.isPending && /* @__PURE__ */ jsx30(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ jsxs12(Button9, { type: "submit", disabled: updateChannel.isPending || !name.trim(), children: [
+          updateChannel.isPending && /* @__PURE__ */ jsx14(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }),
           "Salvar"
         ] })
       ] })
@@ -2946,9 +2140,19 @@ function ChannelEditDialog({
 
 // src/components/contact-form-dialog.tsx
 import { useEffect as useEffect5, useState as useState9 } from "react";
+import {
+  Dialog as Dialog5,
+  DialogContent as DialogContent5,
+  DialogHeader as DialogHeader5,
+  DialogTitle as DialogTitle5,
+  DialogFooter as DialogFooter4,
+  Button as Button10,
+  Input as Input4,
+  Label as Label3
+} from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader25 } from "lucide-react";
 import { toast as toast4 } from "sonner";
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function ContactFormDialog({
   open,
   onOpenChange,
@@ -2994,13 +2198,13 @@ function ContactFormDialog({
       toast4.error(isEditing ? "Erro ao atualizar" : "Erro ao criar contato");
     }
   }
-  return /* @__PURE__ */ jsx31(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs19(DialogContent, { children: [
-    /* @__PURE__ */ jsx31(DialogHeader, { children: /* @__PURE__ */ jsx31(DialogTitle, { children: isEditing ? "Editar Contato" : "Novo Contato" }) }),
-    /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-name", children: "Nome *" }),
-        /* @__PURE__ */ jsx31(
-          Input,
+  return /* @__PURE__ */ jsx15(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs13(DialogContent5, { children: [
+    /* @__PURE__ */ jsx15(DialogHeader5, { children: /* @__PURE__ */ jsx15(DialogTitle5, { children: isEditing ? "Editar Contato" : "Novo Contato" }) }),
+    /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label3, { htmlFor: "contact-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx15(
+          Input4,
           {
             id: "contact-name",
             value: name,
@@ -3011,10 +2215,10 @@ function ContactFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-phone", children: "Telefone" }),
-        /* @__PURE__ */ jsx31(
-          Input,
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label3, { htmlFor: "contact-phone", children: "Telefone" }),
+        /* @__PURE__ */ jsx15(
+          Input4,
           {
             id: "contact-phone",
             value: phoneNumber,
@@ -3024,10 +2228,10 @@ function ContactFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-identifier", children: "Identificador (WhatsApp ID)" }),
-        /* @__PURE__ */ jsx31(
-          Input,
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label3, { htmlFor: "contact-identifier", children: "Identificador (WhatsApp ID)" }),
+        /* @__PURE__ */ jsx15(
+          Input4,
           {
             id: "contact-identifier",
             value: identifier,
@@ -3037,9 +2241,9 @@ function ContactFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs19(DialogFooter, { children: [
-        /* @__PURE__ */ jsx31(
-          Button,
+      /* @__PURE__ */ jsxs13(DialogFooter4, { children: [
+        /* @__PURE__ */ jsx15(
+          Button10,
           {
             type: "button",
             variant: "outline",
@@ -3048,8 +2252,8 @@ function ContactFormDialog({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs19(Button, { type: "submit", disabled: isPending || !name.trim(), children: [
-          isPending ? /* @__PURE__ */ jsx31(Loader25, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+        /* @__PURE__ */ jsxs13(Button10, { type: "submit", disabled: isPending || !name.trim(), children: [
+          isPending ? /* @__PURE__ */ jsx15(Loader25, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -3068,73 +2272,19 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { useState as useState10 } from "react";
-
-// src/components/ui/table.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx32("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx32(
-    "table",
-    {
-      "data-slot": "table",
-      className: cn("w-full caption-bottom text-sm", className),
-      ...props
-    }
-  ) });
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
-}
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
-}
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
-      ...props
-    }
-  );
-}
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
-      ...props
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
-    "td",
-    {
-      "data-slot": "table-cell",
-      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
-      ...props
-    }
-  );
-}
-
-// src/components/data-table.tsx
-import { ChevronLeft, ChevronRight as ChevronRight2, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Button as Button11,
+  Skeleton as Skeleton4,
+  cn as cn5
+} from "@greatapps/greatauth-ui/ui";
+import { ChevronLeft, ChevronRight, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -3160,14 +2310,14 @@ function DataTable({
   });
   const totalPages = total ? Math.ceil(total / pageSize) : 1;
   const showPagination = onPageChange && total && total > pageSize;
-  return /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx33("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs20(Table, { children: [
-      /* @__PURE__ */ jsx33(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx33(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx16("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs14(Table, { children: [
+      /* @__PURE__ */ jsx16(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx16(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx16(
         TableHead,
         {
-          className: cn(compact && "py-1.5 text-xs"),
+          className: cn5(compact && "py-1.5 text-xs"),
           style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
-          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs20(
+          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
@@ -3176,20 +2326,20 @@ function DataTable({
               children: [
                 flexRender(header.column.columnDef.header, header.getContext()),
                 {
-                  asc: /* @__PURE__ */ jsx33(ArrowUp, { className: "h-3.5 w-3.5" }),
-                  desc: /* @__PURE__ */ jsx33(ArrowDown, { className: "h-3.5 w-3.5" })
-                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx33(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
+                  asc: /* @__PURE__ */ jsx16(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  desc: /* @__PURE__ */ jsx16(ArrowDown, { className: "h-3.5 w-3.5" })
+                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx16(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
               ]
             }
           ) : flexRender(header.column.columnDef.header, header.getContext())
         },
         header.id
       )) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx33(TableBody, { children: isLoading ? Array.from({ length: compact ? 3 : 5 }).map((_, i) => /* @__PURE__ */ jsx33(TableRow, { children: columns.map((_2, j) => /* @__PURE__ */ jsx33(TableCell, { className: cn(compact && "py-1.5"), children: /* @__PURE__ */ jsx33(Skeleton, { className: "h-4 w-full max-w-[120px]" }) }, j)) }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx33(TableRow, { children: /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx16(TableBody, { children: isLoading ? Array.from({ length: compact ? 3 : 5 }).map((_, i) => /* @__PURE__ */ jsx16(TableRow, { children: columns.map((_2, j) => /* @__PURE__ */ jsx16(TableCell, { className: cn5(compact && "py-1.5"), children: /* @__PURE__ */ jsx16(Skeleton4, { className: "h-4 w-full max-w-[120px]" }) }, j)) }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx16(TableRow, { children: /* @__PURE__ */ jsx16(
         TableCell,
         {
           colSpan: columns.length,
-          className: cn(
+          className: cn5(
             "text-center text-muted-foreground",
             compact ? "py-4" : "py-8"
           ),
@@ -3198,47 +2348,47 @@ function DataTable({
       ) }) : table.getRowModel().rows.map((row) => {
         const rowId = getRowId ? getRowId(row.original) : void 0;
         const isSelected = selectedRowId != null && rowId != null && rowId === selectedRowId;
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx16(
           TableRow,
           {
-            className: cn(
+            className: cn5(
               onRowClick && "cursor-pointer",
               isSelected && "bg-accent"
             ),
             onClick: () => onRowClick?.(row.original),
-            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx33(TableCell, { className: cn(compact && "py-1.5"), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx16(TableCell, { className: cn5(compact && "py-1.5"), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
           },
           row.id
         );
       }) })
     ] }) }),
-    showPagination && /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsxs20("p", { className: "text-sm text-muted-foreground", children: [
+    showPagination && /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground", children: [
         total,
         " registro",
         total !== 1 ? "s" : ""
       ] }),
-      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs20(
-          Button,
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs14(
+          Button11,
           {
             variant: "outline",
             size: "sm",
             onClick: () => onPageChange(page - 1),
             disabled: page <= 1,
             children: [
-              /* @__PURE__ */ jsx33(ChevronLeft, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx16(ChevronLeft, { className: "h-4 w-4" }),
               "Anterior"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs20("span", { className: "text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "text-sm text-muted-foreground", children: [
           page,
           " de ",
           totalPages
         ] }),
-        /* @__PURE__ */ jsxs20(
-          Button,
+        /* @__PURE__ */ jsxs14(
+          Button11,
           {
             variant: "outline",
             size: "sm",
@@ -3246,7 +2396,7 @@ function DataTable({
             disabled: page >= totalPages,
             children: [
               "Pr\xF3ximo",
-              /* @__PURE__ */ jsx33(ChevronRight2, { className: "h-4 w-4" })
+              /* @__PURE__ */ jsx16(ChevronRight, { className: "h-4 w-4" })
             ]
           }
         )
@@ -3256,17 +2406,32 @@ function DataTable({
 }
 
 // src/components/contacts-table.tsx
-import { Pencil as Pencil2, Trash2 as Trash23, Search as Search3 } from "lucide-react";
+import {
+  Input as Input5,
+  Tooltip as Tooltip2,
+  TooltipTrigger as TooltipTrigger2,
+  TooltipContent as TooltipContent2,
+  AlertDialog as AlertDialog3,
+  AlertDialogAction as AlertDialogAction3,
+  AlertDialogCancel as AlertDialogCancel3,
+  AlertDialogContent as AlertDialogContent3,
+  AlertDialogDescription as AlertDialogDescription3,
+  AlertDialogFooter as AlertDialogFooter3,
+  AlertDialogHeader as AlertDialogHeader3,
+  AlertDialogTitle as AlertDialogTitle3,
+  Button as Button12
+} from "@greatapps/greatauth-ui/ui";
+import { Pencil as Pencil2, Trash2 as Trash23, Search as Search2 } from "lucide-react";
 import { format as format3 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
 import { toast as toast5 } from "sonner";
-import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function useColumns(onEdit, onDelete) {
   return [
     {
       accessorKey: "name",
       header: "Nome",
-      cell: ({ row }) => /* @__PURE__ */ jsx34("span", { className: "font-medium", children: row.original.name }),
+      cell: ({ row }) => /* @__PURE__ */ jsx17("span", { className: "font-medium", children: row.original.name }),
       sortingFn: (rowA, rowB) => rowA.original.name.toLowerCase().localeCompare(rowB.original.name.toLowerCase())
     },
     {
@@ -3282,7 +2447,7 @@ function useColumns(onEdit, onDelete) {
     {
       accessorKey: "identifier",
       header: "Identificador",
-      cell: ({ row }) => /* @__PURE__ */ jsx34("span", { className: "text-muted-foreground text-xs font-mono", children: row.original.identifier || "\u2014" }),
+      cell: ({ row }) => /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground text-xs font-mono", children: row.original.identifier || "\u2014" }),
       sortingFn: (rowA, rowB) => {
         const a = rowA.original.identifier || "";
         const b = rowB.original.identifier || "";
@@ -3292,38 +2457,38 @@ function useColumns(onEdit, onDelete) {
     {
       accessorKey: "datetime_add",
       header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx34("span", { className: "text-muted-foreground text-sm", children: format3(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR4 }) })
+      cell: ({ row }) => /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground text-sm", children: format3(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR4 }) })
     },
     {
       id: "actions",
       size: 80,
       enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs21(Tooltip, { children: [
-          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
-            Button,
+      cell: ({ row }) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs15(Tooltip2, { children: [
+          /* @__PURE__ */ jsx17(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx17(
+            Button12,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
               onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx34(Pencil2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(Pencil2, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx34(TooltipContent, { children: "Editar" })
+          /* @__PURE__ */ jsx17(TooltipContent2, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs21(Tooltip, { children: [
-          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
-            Button,
+        /* @__PURE__ */ jsxs15(Tooltip2, { children: [
+          /* @__PURE__ */ jsx17(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx17(
+            Button12,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
               onClick: () => onDelete(row.original.id),
-              children: /* @__PURE__ */ jsx34(Trash23, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx17(Trash23, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx34(TooltipContent, { children: "Excluir" })
+          /* @__PURE__ */ jsx17(TooltipContent2, { children: "Excluir" })
         ] })
       ] })
     }
@@ -3366,11 +2531,11 @@ function ContactsTable({ config }) {
     setSearch(value);
     setPage(1);
   }
-  return /* @__PURE__ */ jsxs21(Fragment3, { children: [
-    /* @__PURE__ */ jsx34("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs21("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx34(Search3, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx34(
-        Input,
+  return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+    /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs15("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx17(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx17(
+        Input5,
         {
           placeholder: "Buscar por nome, telefone ou identificador...",
           value: search,
@@ -3379,7 +2544,7 @@ function ContactsTable({ config }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx17(
       DataTable,
       {
         columns,
@@ -3392,7 +2557,7 @@ function ContactsTable({ config }) {
         pageSize: 15
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx17(
       ContactFormDialog,
       {
         open: !!editContact,
@@ -3401,15 +2566,15 @@ function ContactsTable({ config }) {
         config
       }
     ),
-    /* @__PURE__ */ jsx34(AlertDialog, { open: !!deleteId, onOpenChange: (open) => !open && setDeleteId(null), children: /* @__PURE__ */ jsxs21(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs21(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx34(AlertDialogTitle, { children: "Excluir contato?" }),
-        /* @__PURE__ */ jsx34(AlertDialogDescription, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O contato ser\xE1 removido permanentemente." })
+    /* @__PURE__ */ jsx17(AlertDialog3, { open: !!deleteId, onOpenChange: (open) => !open && setDeleteId(null), children: /* @__PURE__ */ jsxs15(AlertDialogContent3, { children: [
+      /* @__PURE__ */ jsxs15(AlertDialogHeader3, { children: [
+        /* @__PURE__ */ jsx17(AlertDialogTitle3, { children: "Excluir contato?" }),
+        /* @__PURE__ */ jsx17(AlertDialogDescription3, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O contato ser\xE1 removido permanentemente." })
       ] }),
-      /* @__PURE__ */ jsxs21(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx34(AlertDialogCancel, { children: "Cancelar" }),
-        /* @__PURE__ */ jsx34(
-          AlertDialogAction,
+      /* @__PURE__ */ jsxs15(AlertDialogFooter3, { children: [
+        /* @__PURE__ */ jsx17(AlertDialogCancel3, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx17(
+          AlertDialogAction3,
           {
             onClick: handleDelete,
             className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
@@ -3423,8 +2588,9 @@ function ContactsTable({ config }) {
 
 // src/components/inbox-page.tsx
 import { useState as useState12, useCallback as useCallback3 } from "react";
+import { Button as Button13, Select as Select3, SelectContent as SelectContent3, SelectItem as SelectItem3, SelectTrigger as SelectTrigger3, SelectValue as SelectValue3 } from "@greatapps/greatauth-ui/ui";
 import { MessageCircle, User } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function InboxPage({ config, filterChannelId }) {
   const [selectedInbox, setSelectedInbox] = useState12(null);
   const [showContactPanel, setShowContactPanel] = useState12(false);
@@ -3472,8 +2638,8 @@ function InboxPage({ config, filterChannelId }) {
     },
     [selectedInbox, editMessage]
   );
-  return /* @__PURE__ */ jsxs22("div", { className: "flex h-full", children: [
-    /* @__PURE__ */ jsx35("div", { className: "w-[360px] shrink-0 border-r flex flex-col", children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs16("div", { className: "flex h-full", children: [
+    /* @__PURE__ */ jsx18("div", { className: "w-[360px] shrink-0 border-r flex flex-col", children: /* @__PURE__ */ jsx18(
       InboxSidebar,
       {
         inboxes,
@@ -3487,8 +2653,8 @@ function InboxPage({ config, filterChannelId }) {
         filterChannelId
       }
     ) }),
-    /* @__PURE__ */ jsx35("div", { className: "flex-1 flex min-w-0", children: selectedInbox ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-      /* @__PURE__ */ jsx35("div", { className: "flex-1 flex flex-col min-w-0", children: /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx18("div", { className: "flex-1 flex min-w-0", children: selectedInbox ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
+      /* @__PURE__ */ jsx18("div", { className: "flex-1 flex flex-col min-w-0", children: /* @__PURE__ */ jsx18(
         ChatView,
         {
           messages,
@@ -3497,39 +2663,39 @@ function InboxPage({ config, filterChannelId }) {
           onRetry: retryMessage,
           onRevoke: handleRevoke,
           onEdit: handleEdit,
-          renderHeader: /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
-            /* @__PURE__ */ jsx35("span", { className: "text-sm font-medium", children: selectedInbox.contact_name || "Conversa" }),
-            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs22(
-                Select,
+          renderHeader: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium", children: selectedInbox.contact_name || "Conversa" }),
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs16(
+                Select3,
                 {
                   value: selectedInbox.status,
                   onValueChange: handleStatusChange,
                   children: [
-                    /* @__PURE__ */ jsx35(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: /* @__PURE__ */ jsx35(SelectValue, { placeholder: "Status" }) }),
-                    /* @__PURE__ */ jsxs22(SelectContent, { children: [
-                      /* @__PURE__ */ jsx35(SelectItem, { value: "open", children: "Aberta" }),
-                      /* @__PURE__ */ jsx35(SelectItem, { value: "pending", children: "Pendente" }),
-                      /* @__PURE__ */ jsx35(SelectItem, { value: "resolved", children: "Resolvida" })
+                    /* @__PURE__ */ jsx18(SelectTrigger3, { className: "w-[130px] h-8 text-xs", children: /* @__PURE__ */ jsx18(SelectValue3, { placeholder: "Status" }) }),
+                    /* @__PURE__ */ jsxs16(SelectContent3, { children: [
+                      /* @__PURE__ */ jsx18(SelectItem3, { value: "open", children: "Aberta" }),
+                      /* @__PURE__ */ jsx18(SelectItem3, { value: "pending", children: "Pendente" }),
+                      /* @__PURE__ */ jsx18(SelectItem3, { value: "resolved", children: "Resolvida" })
                     ] })
                   ]
                 }
               ),
-              selectedInbox.id_contact && /* @__PURE__ */ jsx35(
-                Button,
+              selectedInbox.id_contact && /* @__PURE__ */ jsx18(
+                Button13,
                 {
                   variant: "ghost",
                   size: "icon",
                   className: "h-8 w-8",
                   onClick: () => setShowContactPanel((v) => !v),
-                  children: /* @__PURE__ */ jsx35(User, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx18(User, { className: "h-4 w-4" })
                 }
               )
             ] })
           ] })
         }
       ) }),
-      showContactPanel && selectedInbox.id_contact && /* @__PURE__ */ jsx35(
+      showContactPanel && selectedInbox.id_contact && /* @__PURE__ */ jsx18(
         ContactInfoPanel,
         {
           contact: contact ?? null,
@@ -3537,18 +2703,30 @@ function InboxPage({ config, filterChannelId }) {
           onClose: () => setShowContactPanel(false)
         }
       )
-    ] }) : /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground gap-3", children: [
-      /* @__PURE__ */ jsx35(MessageCircle, { className: "h-12 w-12 opacity-20" }),
-      /* @__PURE__ */ jsx35("p", { className: "text-sm", children: "Selecione uma conversa para come\xE7ar" })
+    ] }) : /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground gap-3", children: [
+      /* @__PURE__ */ jsx18(MessageCircle, { className: "h-12 w-12 opacity-20" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-sm", children: "Selecione uma conversa para come\xE7ar" })
     ] }) })
   ] });
 }
 
 // src/components/channels-page.tsx
 import { useState as useState13 } from "react";
+import {
+  Button as Button14,
+  AlertDialog as AlertDialog4,
+  AlertDialogAction as AlertDialogAction4,
+  AlertDialogCancel as AlertDialogCancel4,
+  AlertDialogContent as AlertDialogContent4,
+  AlertDialogDescription as AlertDialogDescription4,
+  AlertDialogFooter as AlertDialogFooter4,
+  AlertDialogHeader as AlertDialogHeader4,
+  AlertDialogTitle as AlertDialogTitle4,
+  Skeleton as Skeleton5
+} from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus2, QrCode, Unplug, LogOut } from "lucide-react";
 import { toast as toast6 } from "sonner";
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function ChannelCardWrapper({
   channel,
   config,
@@ -3586,8 +2764,8 @@ function ChannelCardWrapper({
       onError: () => toast6.error("Erro ao excluir canal")
     });
   }
-  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsx19(
       ChannelCard,
       {
         channel,
@@ -3596,34 +2774,34 @@ function ChannelCardWrapper({
         onDelete: () => setDeleteOpen(true),
         linkedAgentName: agentInfo?.name,
         linkedAgentActive: agentInfo?.active !== false,
-        actions: /* @__PURE__ */ jsxs23("div", { className: "flex flex-wrap items-center gap-2", children: [
-          !isFullyConnected && /* @__PURE__ */ jsxs23(
-            Button,
+        actions: /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-2", children: [
+          !isFullyConnected && /* @__PURE__ */ jsxs17(
+            Button14,
             {
               size: "sm",
               variant: "outline",
               onClick: () => setQrOpen(true),
               children: [
-                /* @__PURE__ */ jsx36(QrCode, { className: "mr-1.5 h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx19(QrCode, { className: "mr-1.5 h-3.5 w-3.5" }),
                 "Conectar via QR"
               ]
             }
           ),
-          isFullyConnected && /* @__PURE__ */ jsxs23(
-            Button,
+          isFullyConnected && /* @__PURE__ */ jsxs17(
+            Button14,
             {
               size: "sm",
               variant: "outline",
               onClick: handleDisconnect,
               disabled: disconnectChannel.isPending,
               children: [
-                /* @__PURE__ */ jsx36(Unplug, { className: "mr-1.5 h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx19(Unplug, { className: "mr-1.5 h-3.5 w-3.5" }),
                 "Desconectar"
               ]
             }
           ),
-          hasSession && /* @__PURE__ */ jsxs23(
-            Button,
+          hasSession && /* @__PURE__ */ jsxs17(
+            Button14,
             {
               size: "sm",
               variant: "outline",
@@ -3631,7 +2809,7 @@ function ChannelCardWrapper({
               onClick: handleLogout,
               disabled: logoutChannel.isPending,
               children: [
-                /* @__PURE__ */ jsx36(LogOut, { className: "mr-1.5 h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx19(LogOut, { className: "mr-1.5 h-3.5 w-3.5" }),
                 "Logout"
               ]
             }
@@ -3639,7 +2817,7 @@ function ChannelCardWrapper({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx19(
       WhatsappQrDialog,
       {
         open: qrOpen,
@@ -3648,7 +2826,7 @@ function ChannelCardWrapper({
         config
       }
     ),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx19(
       ChannelEditDialog,
       {
         open: editOpen,
@@ -3658,19 +2836,19 @@ function ChannelCardWrapper({
         renderAgentSelect
       }
     ),
-    /* @__PURE__ */ jsx36(AlertDialog, { open: deleteOpen, onOpenChange: setDeleteOpen, children: /* @__PURE__ */ jsxs23(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs23(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx36(AlertDialogTitle, { children: "Excluir canal?" }),
-        /* @__PURE__ */ jsxs23(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx19(AlertDialog4, { open: deleteOpen, onOpenChange: setDeleteOpen, children: /* @__PURE__ */ jsxs17(AlertDialogContent4, { children: [
+      /* @__PURE__ */ jsxs17(AlertDialogHeader4, { children: [
+        /* @__PURE__ */ jsx19(AlertDialogTitle4, { children: "Excluir canal?" }),
+        /* @__PURE__ */ jsxs17(AlertDialogDescription4, { children: [
           'O canal "',
           channel.name,
           '" ser\xE1 removido permanentemente. Todas as conversas associadas ser\xE3o perdidas.'
         ] })
       ] }),
-      /* @__PURE__ */ jsxs23(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx36(AlertDialogCancel, { children: "Cancelar" }),
-        /* @__PURE__ */ jsx36(
-          AlertDialogAction,
+      /* @__PURE__ */ jsxs17(AlertDialogFooter4, { children: [
+        /* @__PURE__ */ jsx19(AlertDialogCancel4, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx19(
+          AlertDialogAction4,
           {
             className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
             onClick: handleDelete,
@@ -3688,34 +2866,34 @@ function ChannelsPage({
 }) {
   const { data: channels, isLoading } = useChannels(config);
   const [createOpen, setCreateOpen] = useState13(false);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx36("h1", { className: "text-xl font-semibold", children: "Canais" }),
-        /* @__PURE__ */ jsx36("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus canais de comunica\xE7\xE3o" })
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs17("div", { children: [
+        /* @__PURE__ */ jsx19("h1", { className: "text-xl font-semibold", children: "Canais" }),
+        /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus canais de comunica\xE7\xE3o" })
       ] }),
-      /* @__PURE__ */ jsxs23(Button, { onClick: () => setCreateOpen(true), children: [
-        /* @__PURE__ */ jsx36(Plus2, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs17(Button14, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx19(Plus2, { className: "mr-2 h-4 w-4" }),
         "Novo Canal"
       ] })
     ] }),
-    isLoading ? /* @__PURE__ */ jsx36("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx36(Skeleton, { className: "h-9 w-9 rounded-md" }),
-        /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx36(Skeleton, { className: "h-4 w-24" }),
-          /* @__PURE__ */ jsx36(Skeleton, { className: "h-3 w-32" })
+    isLoading ? /* @__PURE__ */ jsx19("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border p-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx19(Skeleton5, { className: "h-9 w-9 rounded-md" }),
+        /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx19(Skeleton5, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx19(Skeleton5, { className: "h-3 w-32" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx36(Skeleton, { className: "h-8 w-full" })
-    ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground gap-3", children: [
-      /* @__PURE__ */ jsx36(WhatsappIcon, { className: "h-12 w-12 opacity-20" }),
-      /* @__PURE__ */ jsx36("p", { className: "text-sm", children: "Nenhum canal configurado" }),
-      /* @__PURE__ */ jsxs23(Button, { variant: "outline", onClick: () => setCreateOpen(true), children: [
-        /* @__PURE__ */ jsx36(Plus2, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsx19(Skeleton5, { className: "h-8 w-full" })
+    ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground gap-3", children: [
+      /* @__PURE__ */ jsx19(WhatsappIcon, { className: "h-12 w-12 opacity-20" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm", children: "Nenhum canal configurado" }),
+      /* @__PURE__ */ jsxs17(Button14, { variant: "outline", onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx19(Plus2, { className: "mr-2 h-4 w-4" }),
         "Criar primeiro canal"
       ] })
-    ] }) : /* @__PURE__ */ jsx36("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: channels.map((channel) => /* @__PURE__ */ jsx36(
+    ] }) : /* @__PURE__ */ jsx19("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: channels.map((channel) => /* @__PURE__ */ jsx19(
       ChannelCardWrapper,
       {
         channel,
@@ -3725,7 +2903,7 @@ function ChannelsPage({
       },
       channel.id
     )) }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx19(
       ChannelCreateDialog,
       {
         open: createOpen,
@@ -3739,23 +2917,24 @@ function ChannelsPage({
 
 // src/components/contacts-page.tsx
 import { useState as useState14 } from "react";
+import { Button as Button15 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function ContactsPage({ config }) {
   const [createOpen, setCreateOpen] = useState14(false);
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx37("h1", { className: "text-xl font-semibold", children: "Contatos" }),
-        /* @__PURE__ */ jsx37("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus contatos de conversas" })
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsx20("h1", { className: "text-xl font-semibold", children: "Contatos" }),
+        /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus contatos de conversas" })
       ] }),
-      /* @__PURE__ */ jsxs24(Button, { onClick: () => setCreateOpen(true), children: [
-        /* @__PURE__ */ jsx37(Plus3, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs18(Button15, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx20(Plus3, { className: "mr-2 h-4 w-4" }),
         "Novo Contato"
       ] })
     ] }),
-    /* @__PURE__ */ jsx37(ContactsTable, { config }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx20(ContactsTable, { config }),
+    /* @__PURE__ */ jsx20(
       ContactFormDialog,
       {
         open: createOpen,
@@ -3768,88 +2947,16 @@ function ContactsPage({ config }) {
 
 // src/components/chat-dashboard.tsx
 import { useState as useState15, useMemo as useMemo5 } from "react";
-
-// src/components/ui/card.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-function Card({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx38(
-    "div",
-    {
-      "data-slot": "card",
-      "data-size": size,
-      className: cn("ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6 group-data-[size=sm]/card:px-4", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/progress.tsx
-import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx39 } from "react/jsx-runtime";
-function Progress({
-  className,
-  value,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx39(
-    ProgressPrimitive.Root,
-    {
-      "data-slot": "progress",
-      className: cn(
-        "bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx39(
-        ProgressPrimitive.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: "bg-primary size-full flex-1 transition-all",
-          style: { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
-
-// src/components/chat-dashboard.tsx
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Badge as Badge3,
+  Progress,
+  Skeleton as Skeleton6,
+  cn as cn6
+} from "@greatapps/greatauth-ui/ui";
 import {
   Inbox as InboxIcon2,
   MessageCircle as MessageCircle2,
@@ -3859,7 +2966,7 @@ import {
 } from "lucide-react";
 import { formatDistanceToNow as formatDistanceToNow2 } from "date-fns";
 import { ptBR as ptBR5 } from "date-fns/locale";
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function getGreeting(userName) {
   const hour = (/* @__PURE__ */ new Date()).getHours();
   const prefix = hour < 12 ? "Bom dia" : hour < 18 ? "Boa tarde" : "Boa noite";
@@ -3885,25 +2992,25 @@ function StatCard({
   onClick
 }) {
   const pct = total && value ? Math.round(value / total * 100) : 0;
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs19(
     Card,
     {
-      className: cn("cursor-pointer transition-shadow hover:shadow-md border-l-4", accentColor),
+      className: cn6("cursor-pointer transition-shadow hover:shadow-md border-l-4", accentColor),
       onClick,
       children: [
-        /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
-          /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: title }),
-          /* @__PURE__ */ jsx40(Icon, { className: "h-4 w-4 text-muted-foreground" })
+        /* @__PURE__ */ jsxs19(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+          /* @__PURE__ */ jsx21(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: title }),
+          /* @__PURE__ */ jsx21(Icon, { className: "h-4 w-4 text-muted-foreground" })
         ] }),
-        /* @__PURE__ */ jsx40(CardContent, { className: "space-y-2", children: loading ? /* @__PURE__ */ jsx40(Skeleton, { className: "h-8 w-16" }) : /* @__PURE__ */ jsxs25(Fragment6, { children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx40("p", { className: "text-2xl font-bold", children: value ?? 0 }),
-            total !== void 0 && total > 0 && title !== "Total" && /* @__PURE__ */ jsxs25("span", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx21(CardContent, { className: "space-y-2", children: loading ? /* @__PURE__ */ jsx21(Skeleton6, { className: "h-8 w-16" }) : /* @__PURE__ */ jsxs19(Fragment6, { children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx21("p", { className: "text-2xl font-bold", children: value ?? 0 }),
+            total !== void 0 && total > 0 && title !== "Total" && /* @__PURE__ */ jsxs19("span", { className: "text-xs text-muted-foreground", children: [
               "de ",
               total
             ] })
           ] }),
-          title !== "Total" && /* @__PURE__ */ jsx40(Progress, { value: pct, className: "h-1" })
+          title !== "Total" && /* @__PURE__ */ jsx21(Progress, { value: pct, className: "h-1" })
         ] }) })
       ]
     }
@@ -3915,18 +3022,18 @@ function ChannelHealthCard({
   onClick
 }) {
   const { data: status } = useChannelWhatsappStatus(config, channel.id);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex items-center gap-3 rounded-lg border p-3 cursor-pointer transition-colors hover:bg-accent",
       onClick,
       children: [
-        /* @__PURE__ */ jsx40("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10", children: /* @__PURE__ */ jsx40(WhatsappIcon, { className: "h-5 w-5 text-green-600" }) }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium truncate", children: channel.name }),
-          /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground truncate", children: channel.identifier || "Sem n\xFAmero" })
+        /* @__PURE__ */ jsx21("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10", children: /* @__PURE__ */ jsx21(WhatsappIcon, { className: "h-5 w-5 text-green-600" }) }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium truncate", children: channel.name }),
+          /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground truncate", children: channel.identifier || "Sem n\xFAmero" })
         ] }),
-        /* @__PURE__ */ jsx40(WhatsappStatusBadge, { status, hasSession: !!channel.external_id })
+        /* @__PURE__ */ jsx21(WhatsappStatusBadge, { status, hasSession: !!channel.external_id })
       ]
     }
   );
@@ -3942,28 +3049,28 @@ function RecentConversationItem({
   });
   const lastMessage = inbox.last_message_content_type === "text" ? inbox.last_message_content : inbox.last_message_content_type ? `[${inbox.last_message_content_type}]` : null;
   const directionPrefix = inbox.last_message_direction === "outbound" ? "Voc\xEA: " : "";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "flex items-center gap-3 rounded-lg p-3 cursor-pointer transition-colors hover:bg-accent",
       onClick,
       children: [
-        /* @__PURE__ */ jsx40(ContactAvatar, { name: inbox.contact_name || "?", className: "h-9 w-9" }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium truncate", children: inbox.contact_name || "Desconhecido" }),
-              inbox.channel_name && /* @__PURE__ */ jsx40(Badge, { variant: "outline", className: "shrink-0 text-[10px] px-1.5 py-0 text-muted-foreground", children: inbox.channel_name })
+        /* @__PURE__ */ jsx21(ContactAvatar, { name: inbox.contact_name || "?", className: "h-9 w-9" }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium truncate", children: inbox.contact_name || "Desconhecido" }),
+              inbox.channel_name && /* @__PURE__ */ jsx21(Badge3, { variant: "outline", className: "shrink-0 text-[10px] px-1.5 py-0 text-muted-foreground", children: inbox.channel_name })
             ] }),
-            /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground shrink-0", children: timeAgo })
+            /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground shrink-0", children: timeAgo })
           ] }),
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
-            /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground truncate", children: lastMessage ? `${directionPrefix}${lastMessage}` : "Sem mensagens" }),
-            /* @__PURE__ */ jsx40(
-              Badge,
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
+            /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground truncate", children: lastMessage ? `${directionPrefix}${lastMessage}` : "Sem mensagens" }),
+            /* @__PURE__ */ jsx21(
+              Badge3,
               {
                 variant: "outline",
-                className: cn("shrink-0 text-[10px] px-1.5 py-0", statusColors2[inbox.status]),
+                className: cn6("shrink-0 text-[10px] px-1.5 py-0", statusColors2[inbox.status]),
                 children: statusLabels2[inbox.status] || inbox.status
               }
             )
@@ -4003,16 +3110,16 @@ function ChatDashboard({
       return new Date(db).getTime() - new Date(da).getTime();
     }).slice(0, 5);
   }, [filteredInboxes]);
-  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs25("div", { children: [
-      /* @__PURE__ */ jsx40("h1", { className: "text-xl font-semibold", children: getGreeting(userName) }),
-      /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground", children: "Aqui est\xE1 o resumo das suas conversas e canais." })
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs19("div", { children: [
+      /* @__PURE__ */ jsx21("h1", { className: "text-xl font-semibold", children: getGreeting(userName) }),
+      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Aqui est\xE1 o resumo das suas conversas e canais." })
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx21(
         "button",
         {
-          className: cn(
+          className: cn6(
             "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors",
             !selectedChannelId ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground"
           ),
@@ -4020,27 +3127,27 @@ function ChatDashboard({
           children: "Todos os canais"
         }
       ),
-      channelsLoading ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
-        /* @__PURE__ */ jsx40(Skeleton, { className: "h-7 w-24 rounded-full" }),
-        /* @__PURE__ */ jsx40(Skeleton, { className: "h-7 w-28 rounded-full" })
-      ] }) : channels?.map((channel) => /* @__PURE__ */ jsxs25(
+      channelsLoading ? /* @__PURE__ */ jsxs19(Fragment6, { children: [
+        /* @__PURE__ */ jsx21(Skeleton6, { className: "h-7 w-24 rounded-full" }),
+        /* @__PURE__ */ jsx21(Skeleton6, { className: "h-7 w-28 rounded-full" })
+      ] }) : channels?.map((channel) => /* @__PURE__ */ jsxs19(
         "button",
         {
-          className: cn(
+          className: cn6(
             "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors",
             selectedChannelId === channel.id ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground"
           ),
           onClick: () => setSelectedChannelId(channel.id),
           children: [
-            /* @__PURE__ */ jsx40(WhatsappIcon, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx21(WhatsappIcon, { className: "h-3 w-3" }),
             channel.name
           ]
         },
         channel.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
-      /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsxs19("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           title: "Total",
@@ -4052,7 +3159,7 @@ function ChatDashboard({
           onClick: () => onNavigateToInbox?.()
         }
       ),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           title: "Abertas",
@@ -4064,7 +3171,7 @@ function ChatDashboard({
           onClick: () => onNavigateToInbox?.({ status: "open" })
         }
       ),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           title: "Pendentes",
@@ -4076,7 +3183,7 @@ function ChatDashboard({
           onClick: () => onNavigateToInbox?.({ status: "pending" })
         }
       ),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx21(
         StatCard,
         {
           title: "Resolvidas",
@@ -4089,28 +3196,28 @@ function ChatDashboard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs25(Card, { children: [
-      /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium", children: "Sa\xFAde dos Canais" }),
-        onNavigateToChannels && /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs19(Card, { children: [
+      /* @__PURE__ */ jsxs19(CardHeader, { className: "flex flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx21(CardTitle, { className: "text-sm font-medium", children: "Sa\xFAde dos Canais" }),
+        onNavigateToChannels && /* @__PURE__ */ jsxs19(
           "button",
           {
             onClick: onNavigateToChannels,
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "Gerenciar",
-              /* @__PURE__ */ jsx40(ArrowRight, { className: "h-3 w-3" })
+              /* @__PURE__ */ jsx21(ArrowRight, { className: "h-3 w-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx40(CardContent, { children: channelsLoading ? /* @__PURE__ */ jsx40("div", { className: "space-y-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 p-3", children: [
-        /* @__PURE__ */ jsx40(Skeleton, { className: "h-8 w-8 rounded" }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-24" }),
-          /* @__PURE__ */ jsx40(Skeleton, { className: "h-3 w-32" })
+      /* @__PURE__ */ jsx21(CardContent, { children: channelsLoading ? /* @__PURE__ */ jsx21("div", { className: "space-y-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsx21(Skeleton6, { className: "h-8 w-8 rounded" }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsx21(Skeleton6, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx21(Skeleton6, { className: "h-3 w-32" })
         ] })
-      ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center h-full text-sm text-muted-foreground py-8", children: "Nenhum canal configurado" }) : /* @__PURE__ */ jsx40("div", { className: "space-y-2", children: channels.map((channel) => /* @__PURE__ */ jsx40(
+      ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center h-full text-sm text-muted-foreground py-8", children: "Nenhum canal configurado" }) : /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: channels.map((channel) => /* @__PURE__ */ jsx21(
         ChannelHealthCard,
         {
           channel,
@@ -4121,28 +3228,28 @@ function ChatDashboard({
       )) }) })
     ] }),
     renderExtraSection?.(),
-    /* @__PURE__ */ jsxs25(Card, { children: [
-      /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium", children: "Conversas Recentes" }),
-        onNavigateToInbox && /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs19(Card, { children: [
+      /* @__PURE__ */ jsxs19(CardHeader, { className: "flex flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx21(CardTitle, { className: "text-sm font-medium", children: "Conversas Recentes" }),
+        onNavigateToInbox && /* @__PURE__ */ jsxs19(
           "button",
           {
             onClick: () => onNavigateToInbox(),
             className: "text-xs text-primary hover:underline flex items-center gap-1",
             children: [
               "Ver todas",
-              /* @__PURE__ */ jsx40(ArrowRight, { className: "h-3 w-3" })
+              /* @__PURE__ */ jsx21(ArrowRight, { className: "h-3 w-3" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx40(CardContent, { className: "p-0", children: inboxesLoading ? /* @__PURE__ */ jsx40("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 p-3", children: [
-        /* @__PURE__ */ jsx40(Skeleton, { className: "h-9 w-9 rounded-full shrink-0" }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-1.5", children: [
-          /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-28" }),
-          /* @__PURE__ */ jsx40(Skeleton, { className: "h-3 w-40" })
+      /* @__PURE__ */ jsx21(CardContent, { className: "p-0", children: inboxesLoading ? /* @__PURE__ */ jsx21("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsx21(Skeleton6, { className: "h-9 w-9 rounded-full shrink-0" }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ jsx21(Skeleton6, { className: "h-4 w-28" }),
+          /* @__PURE__ */ jsx21(Skeleton6, { className: "h-3 w-40" })
         ] })
-      ] }, i)) }) : recentInboxes.length === 0 ? /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: "Nenhuma conversa encontrada" }) : /* @__PURE__ */ jsx40("div", { className: "divide-y", children: recentInboxes.map((inbox) => /* @__PURE__ */ jsx40(
+      ] }, i)) }) : recentInboxes.length === 0 ? /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: "Nenhuma conversa encontrada" }) : /* @__PURE__ */ jsx21("div", { className: "divide-y", children: recentInboxes.map((inbox) => /* @__PURE__ */ jsx21(
         RecentConversationItem,
         {
           inbox,
@@ -4179,7 +3286,7 @@ export {
   WhatsappIcon,
   WhatsappQrDialog,
   WhatsappStatusBadge,
-  cn,
+  cn7 as cn,
   createGchatClient,
   formatDateGroup,
   formatMessageTime,