@greatapps/greatchat-ui 0.1.5 → 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,82 +1728,1565 @@ 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
     ] })
   ] });
 }
-export {
-  ChannelCard,
-  ChatInput,
-  ChatView,
-  ContactAvatar,
-  ContactInfoPanel,
-  DEFAULT_CHANNEL_STATUS_POLLING,
-  DEFAULT_INBOX_POLLING,
-  DEFAULT_MESSAGES_POLLING,
-  DEFAULT_QR_POLLING,
-  InboxItem,
-  InboxSidebar,
-  MessageBubble,
-  NewConversationDialog,
-  WhatsappStatusBadge,
-  cn,
+
+// src/components/whatsapp-icon.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function WhatsappIcon(props) {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__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" })
+      ]
+    }
+  );
+}
+
+// src/components/whatsapp-qr-dialog.tsx
+import { useEffect as useEffect3, useState as useState6, useCallback as useCallback2 } from "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 jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function WhatsappQrDialog({
+  open,
+  onOpenChange,
+  channelId,
+  config
+}) {
+  const connectChannel = useConnectChannel(config);
+  const [state, setState] = useState6("connecting");
+  const [errorMsg, setErrorMsg] = useState6("");
+  const { data: qrUrl } = useChannelQR(
+    config,
+    channelId,
+    open && (state === "waiting_qr" || state === "showing_qr")
+  );
+  const { data: status } = useChannelWhatsappStatus(
+    config,
+    channelId,
+    open && state !== "connected"
+  );
+  const startConnect = useCallback2(() => {
+    setState("connecting");
+    setErrorMsg("");
+    connectChannel.mutate(channelId, {
+      onSuccess: () => setState("waiting_qr"),
+      onError: (err) => {
+        setState("error");
+        setErrorMsg(err.message || "Erro ao conectar");
+      }
+    });
+  }, [channelId, connectChannel]);
+  useEffect3(() => {
+    if (!open) {
+      setState("connecting");
+      setErrorMsg("");
+      return;
+    }
+    startConnect();
+  }, [open, channelId]);
+  useEffect3(() => {
+    if (qrUrl && (state === "waiting_qr" || state === "showing_qr")) {
+      setState("showing_qr");
+    }
+  }, [qrUrl, state]);
+  useEffect3(() => {
+    if (status?.connected && status?.logged_in) {
+      setState("connected");
+      toast.success("WhatsApp conectado com sucesso!");
+      setTimeout(() => onOpenChange(false), 1500);
+    }
+  }, [status, onOpenChange]);
+  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__ */ 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__ */ 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__ */ jsxs10("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx12(
+          "img",
+          {
+            src: qrUrl,
+            alt: "QR Code WhatsApp",
+            className: "h-64 w-64 rounded-lg border"
+          }
+        ),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Abra o WhatsApp > Aparelhos conectados > Conectar" })
+      ] }),
+      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__ */ 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__ */ jsx12(RefreshCw, { className: "mr-2 h-4 w-4" }),
+              "Tentar novamente"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/channel-create-dialog.tsx
+import { useState as useState7 } from "react";
+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 jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function ChannelCreateDialog({
+  open,
+  onOpenChange,
+  config,
+  renderAgentSelect
+}) {
+  const createChannel = useCreateChannel(config);
+  const [name, setName] = useState7("");
+  const [identifier, setIdentifier] = useState7("");
+  const [idAgent, setIdAgent] = useState7(null);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!name.trim()) return;
+    try {
+      await createChannel.mutateAsync({
+        name: name.trim(),
+        type: "whatsapp_unofficial",
+        provider: "gwhatsmeow",
+        identifier: identifier.trim() || void 0,
+        id_agent: idAgent
+      });
+      toast2.success("Canal criado! Agora conecte via QR code.");
+      setName("");
+      setIdentifier("");
+      setIdAgent(null);
+      onOpenChange(false);
+    } catch {
+      toast2.error("Erro ao criar canal");
+    }
+  }
+  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__ */ 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,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Ex: WhatsApp Principal",
+            required: true,
+            disabled: createChannel.isPending
+          }
+        )
+      ] }),
+      /* @__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,
+            onChange: (e) => setIdentifier(e.target.value),
+            placeholder: "5511999999999",
+            disabled: createChannel.isPending
+          }
+        ),
+        /* @__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__ */ jsxs11(DialogFooter2, { children: [
+        /* @__PURE__ */ jsx13(
+          Button8,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: createChannel.isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__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"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// 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 jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function ChannelEditDialog({
+  open,
+  onOpenChange,
+  channel,
+  config,
+  renderAgentSelect
+}) {
+  const updateChannel = useUpdateChannel(config);
+  const [name, setName] = useState8(channel.name);
+  const [identifier, setIdentifier] = useState8(channel.identifier || "");
+  const [idAgent, setIdAgent] = useState8(channel.id_agent);
+  useEffect4(() => {
+    if (open) {
+      setName(channel.name);
+      setIdentifier(channel.identifier || "");
+      setIdAgent(channel.id_agent);
+    }
+  }, [open, channel]);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!name.trim()) return;
+    try {
+      await updateChannel.mutateAsync({
+        id: channel.id,
+        body: {
+          name: name.trim(),
+          identifier: identifier.trim() || void 0,
+          id_agent: idAgent
+        }
+      });
+      toast3.success("Canal atualizado");
+      onOpenChange(false);
+    } catch {
+      toast3.error("Erro ao atualizar canal");
+    }
+  }
+  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__ */ 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,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Ex: WhatsApp Principal",
+            required: true,
+            disabled: updateChannel.isPending
+          }
+        )
+      ] }),
+      /* @__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,
+            onChange: (e) => setIdentifier(e.target.value),
+            placeholder: "5511999999999",
+            disabled: updateChannel.isPending
+          }
+        )
+      ] }),
+      renderAgentSelect?.({
+        value: idAgent,
+        onChange: setIdAgent,
+        disabled: updateChannel.isPending
+      }),
+      /* @__PURE__ */ jsxs12(DialogFooter3, { children: [
+        /* @__PURE__ */ jsx14(
+          Button9,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: updateChannel.isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__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"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// 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 jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function ContactFormDialog({
+  open,
+  onOpenChange,
+  contact,
+  config
+}) {
+  const isEditing = !!contact;
+  const createContact = useCreateContact(config);
+  const updateContact = useUpdateContact(config);
+  const [name, setName] = useState9("");
+  const [phoneNumber, setPhoneNumber] = useState9("");
+  const [identifier, setIdentifier] = useState9("");
+  useEffect5(() => {
+    if (contact) {
+      setName(contact.name);
+      setPhoneNumber(contact.phone_number || "");
+      setIdentifier(contact.identifier || "");
+    } else {
+      setName("");
+      setPhoneNumber("");
+      setIdentifier("");
+    }
+  }, [contact, open]);
+  const isPending = createContact.isPending || updateContact.isPending;
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!name.trim()) return;
+    const body = {
+      name: name.trim(),
+      phone_number: phoneNumber.trim() || void 0,
+      identifier: identifier.trim() || void 0
+    };
+    try {
+      if (isEditing) {
+        await updateContact.mutateAsync({ id: contact.id, body });
+        toast4.success("Contato atualizado");
+      } else {
+        await createContact.mutateAsync(body);
+        toast4.success("Contato criado");
+      }
+      onOpenChange(false);
+    } catch {
+      toast4.error(isEditing ? "Erro ao atualizar" : "Erro ao criar contato");
+    }
+  }
+  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,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Nome do contato",
+            required: true,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label3, { htmlFor: "contact-phone", children: "Telefone" }),
+        /* @__PURE__ */ jsx15(
+          Input4,
+          {
+            id: "contact-phone",
+            value: phoneNumber,
+            onChange: (e) => setPhoneNumber(e.target.value),
+            placeholder: "5511999999999",
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__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,
+            onChange: (e) => setIdentifier(e.target.value),
+            placeholder: "5511999999999@s.whatsapp.net",
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13(DialogFooter4, { children: [
+        /* @__PURE__ */ jsx15(
+          Button10,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__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"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/contacts-table.tsx
+import { useMemo as useMemo4, useState as useState11 } from "react";
+
+// src/components/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useState as useState10 } from "react";
+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,
+  isLoading,
+  emptyMessage = "Nenhum registro encontrado",
+  total,
+  page = 1,
+  onPageChange,
+  pageSize = 15,
+  onRowClick,
+  selectedRowId,
+  getRowId,
+  compact
+}) {
+  const [sorting, setSorting] = useState10([]);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    state: { sorting }
+  });
+  const totalPages = total ? Math.ceil(total / pageSize) : 1;
+  const showPagination = onPageChange && total && total > pageSize;
+  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: cn5(compact && "py-1.5 text-xs"),
+          style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
+          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs14(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 hover:text-foreground -ml-1 px-1 py-0.5 rounded cursor-pointer select-none",
+              onClick: header.column.getToggleSortingHandler(),
+              children: [
+                flexRender(header.column.columnDef.header, header.getContext()),
+                {
+                  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__ */ 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: cn5(
+            "text-center text-muted-foreground",
+            compact ? "py-4" : "py-8"
+          ),
+          children: emptyMessage
+        }
+      ) }) : table.getRowModel().rows.map((row) => {
+        const rowId = getRowId ? getRowId(row.original) : void 0;
+        const isSelected = selectedRowId != null && rowId != null && rowId === selectedRowId;
+        return /* @__PURE__ */ jsx16(
+          TableRow,
+          {
+            className: cn5(
+              onRowClick && "cursor-pointer",
+              isSelected && "bg-accent"
+            ),
+            onClick: () => onRowClick?.(row.original),
+            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__ */ 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__ */ 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__ */ jsx16(ChevronLeft, { className: "h-4 w-4" }),
+              "Anterior"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs14("span", { className: "text-sm text-muted-foreground", children: [
+          page,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs14(
+          Button11,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: [
+              "Pr\xF3ximo",
+              /* @__PURE__ */ jsx16(ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/contacts-table.tsx
+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 jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function useColumns(onEdit, onDelete) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsx17("span", { className: "font-medium", children: row.original.name }),
+      sortingFn: (rowA, rowB) => rowA.original.name.toLowerCase().localeCompare(rowB.original.name.toLowerCase())
+    },
+    {
+      accessorKey: "phone_number",
+      header: "Telefone",
+      cell: ({ row }) => row.original.phone_number || "\u2014",
+      sortingFn: (rowA, rowB) => {
+        const a = rowA.original.phone_number || "";
+        const b = rowB.original.phone_number || "";
+        return a.localeCompare(b);
+      }
+    },
+    {
+      accessorKey: "identifier",
+      header: "Identificador",
+      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 || "";
+        return a.localeCompare(b);
+      }
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      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__ */ 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__ */ jsx17(Pencil2, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx17(TooltipContent2, { children: "Editar" })
+        ] }),
+        /* @__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__ */ jsx17(Trash23, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx17(TooltipContent2, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function ContactsTable({ config }) {
+  const [search, setSearch] = useState11("");
+  const [page, setPage] = useState11(1);
+  const queryParams = useMemo4(() => {
+    const params = {
+      limit: "15",
+      page: String(page)
+    };
+    if (search) {
+      params.search = search;
+    }
+    return params;
+  }, [search, page]);
+  const { data, isLoading } = useContacts(config, queryParams);
+  const deleteContact = useDeleteContact(config);
+  const [editContact, setEditContact] = useState11(null);
+  const [deleteId, setDeleteId] = useState11(null);
+  const contacts = data?.data || [];
+  const total = data?.total || 0;
+  const columns = useColumns(
+    (contact) => setEditContact(contact),
+    (id) => setDeleteId(id)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteContact.mutate(deleteId, {
+      onSuccess: () => {
+        toast5.success("Contato exclu\xEDdo");
+        setDeleteId(null);
+      },
+      onError: () => toast5.error("Erro ao excluir contato")
+    });
+  }
+  function handleSearchChange(value) {
+    setSearch(value);
+    setPage(1);
+  }
+  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,
+          onChange: (e) => handleSearchChange(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx17(
+      DataTable,
+      {
+        columns,
+        data: contacts,
+        isLoading,
+        emptyMessage: "Nenhum contato encontrado",
+        total,
+        page,
+        onPageChange: setPage,
+        pageSize: 15
+      }
+    ),
+    /* @__PURE__ */ jsx17(
+      ContactFormDialog,
+      {
+        open: !!editContact,
+        onOpenChange: (open) => !open && setEditContact(null),
+        contact: editContact ?? void 0,
+        config
+      }
+    ),
+    /* @__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__ */ jsxs15(AlertDialogFooter3, { children: [
+        /* @__PURE__ */ jsx17(AlertDialogCancel3, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx17(
+          AlertDialogAction3,
+          {
+            onClick: handleDelete,
+            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            children: "Excluir"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// 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 jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function InboxPage({ config, filterChannelId }) {
+  const [selectedInbox, setSelectedInbox] = useState12(null);
+  const [showContactPanel, setShowContactPanel] = useState12(false);
+  const { data: inboxes, isLoading: inboxesLoading } = useInboxes(config);
+  const { data: messages = [], isLoading: messagesLoading } = useInboxMessages(config, selectedInbox?.id ?? null);
+  const { data: contact, isLoading: contactLoading } = useGetContact(
+    config,
+    showContactPanel && selectedInbox?.id_contact ? selectedInbox.id_contact : null
+  );
+  const sendMessage = useSendMessage(config);
+  const retryMessage = useRetryMessage(config);
+  const revokeMessage = useRevokeMessage(config);
+  const editMessage = useEditMessage(config);
+  const updateInbox = useUpdateInbox(config);
+  const deleteInbox = useDeleteInbox(config);
+  const handleSend = useCallback3(
+    (content) => {
+      if (!selectedInbox) return;
+      sendMessage.mutate({ idInbox: selectedInbox.id, content });
+    },
+    [selectedInbox, sendMessage]
+  );
+  const handleStatusChange = useCallback3(
+    (status) => {
+      if (!selectedInbox) return;
+      updateInbox.mutate({ id: selectedInbox.id, body: { status } });
+    },
+    [selectedInbox, updateInbox]
+  );
+  const handleRevoke = useCallback3(
+    (message) => {
+      if (!selectedInbox) return;
+      revokeMessage.mutate({ id: message.id, idInbox: selectedInbox.id });
+    },
+    [selectedInbox, revokeMessage]
+  );
+  const handleEdit = useCallback3(
+    (message, newContent) => {
+      if (!selectedInbox) return;
+      editMessage.mutate({
+        id: message.id,
+        idInbox: selectedInbox.id,
+        content: newContent
+      });
+    },
+    [selectedInbox, editMessage]
+  );
+  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,
+        isLoading: inboxesLoading,
+        selectedInboxId: selectedInbox?.id ?? null,
+        onSelectInbox: (inbox) => {
+          setSelectedInbox(inbox);
+          setShowContactPanel(false);
+        },
+        onDeleteInbox: (id) => deleteInbox.mutate(id),
+        filterChannelId
+      }
+    ) }),
+    /* @__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,
+          isLoading: messagesLoading,
+          onSend: handleSend,
+          onRetry: retryMessage,
+          onRevoke: handleRevoke,
+          onEdit: handleEdit,
+          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__ */ 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__ */ jsx18(
+                Button13,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => setShowContactPanel((v) => !v),
+                  children: /* @__PURE__ */ jsx18(User, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }),
+      showContactPanel && selectedInbox.id_contact && /* @__PURE__ */ jsx18(
+        ContactInfoPanel,
+        {
+          contact: contact ?? null,
+          isLoading: contactLoading,
+          onClose: () => setShowContactPanel(false)
+        }
+      )
+    ] }) : /* @__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 jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+function ChannelCardWrapper({
+  channel,
+  config,
+  renderAgentSelect,
+  getAgentInfo
+}) {
+  const { data: status } = useChannelWhatsappStatus(config, channel.id);
+  const disconnectChannel = useDisconnectChannel(config);
+  const logoutChannel = useLogoutChannel(config);
+  const deleteChannel = useDeleteChannel(config);
+  const [qrOpen, setQrOpen] = useState13(false);
+  const [editOpen, setEditOpen] = useState13(false);
+  const [deleteOpen, setDeleteOpen] = useState13(false);
+  const isFullyConnected = status?.connected === true && status?.logged_in === true;
+  const hasSession = !!channel.external_id;
+  const agentInfo = getAgentInfo?.(channel.id_agent);
+  function handleDisconnect() {
+    disconnectChannel.mutate(channel.id, {
+      onSuccess: () => toast6.success("Canal desconectado"),
+      onError: () => toast6.error("Erro ao desconectar")
+    });
+  }
+  function handleLogout() {
+    logoutChannel.mutate(channel.id, {
+      onSuccess: () => toast6.success("Logout realizado. Ser\xE1 necess\xE1rio novo QR code."),
+      onError: () => toast6.error("Erro ao fazer logout")
+    });
+  }
+  function handleDelete() {
+    deleteChannel.mutate(channel.id, {
+      onSuccess: () => {
+        toast6.success("Canal exclu\xEDdo");
+        setDeleteOpen(false);
+      },
+      onError: () => toast6.error("Erro ao excluir canal")
+    });
+  }
+  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsx19(
+      ChannelCard,
+      {
+        channel,
+        config,
+        onEdit: () => setEditOpen(true),
+        onDelete: () => setDeleteOpen(true),
+        linkedAgentName: agentInfo?.name,
+        linkedAgentActive: agentInfo?.active !== false,
+        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__ */ jsx19(QrCode, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Conectar via QR"
+              ]
+            }
+          ),
+          isFullyConnected && /* @__PURE__ */ jsxs17(
+            Button14,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: handleDisconnect,
+              disabled: disconnectChannel.isPending,
+              children: [
+                /* @__PURE__ */ jsx19(Unplug, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Desconectar"
+              ]
+            }
+          ),
+          hasSession && /* @__PURE__ */ jsxs17(
+            Button14,
+            {
+              size: "sm",
+              variant: "outline",
+              className: "text-destructive hover:text-destructive",
+              onClick: handleLogout,
+              disabled: logoutChannel.isPending,
+              children: [
+                /* @__PURE__ */ jsx19(LogOut, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Logout"
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx19(
+      WhatsappQrDialog,
+      {
+        open: qrOpen,
+        onOpenChange: setQrOpen,
+        channelId: channel.id,
+        config
+      }
+    ),
+    /* @__PURE__ */ jsx19(
+      ChannelEditDialog,
+      {
+        open: editOpen,
+        onOpenChange: setEditOpen,
+        channel,
+        config,
+        renderAgentSelect
+      }
+    ),
+    /* @__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__ */ jsxs17(AlertDialogFooter4, { children: [
+        /* @__PURE__ */ jsx19(AlertDialogCancel4, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx19(
+          AlertDialogAction4,
+          {
+            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            onClick: handleDelete,
+            children: "Excluir"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function ChannelsPage({
+  config,
+  renderAgentSelect,
+  getAgentInfo
+}) {
+  const { data: channels, isLoading } = useChannels(config);
+  const [createOpen, setCreateOpen] = useState13(false);
+  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__ */ jsxs17(Button14, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx19(Plus2, { className: "mr-2 h-4 w-4" }),
+        "Novo Canal"
+      ] })
+    ] }),
+    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__ */ 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__ */ jsx19("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: channels.map((channel) => /* @__PURE__ */ jsx19(
+      ChannelCardWrapper,
+      {
+        channel,
+        config,
+        renderAgentSelect,
+        getAgentInfo
+      },
+      channel.id
+    )) }),
+    /* @__PURE__ */ jsx19(
+      ChannelCreateDialog,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        config,
+        renderAgentSelect
+      }
+    )
+  ] });
+}
+
+// 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 jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+function ContactsPage({ config }) {
+  const [createOpen, setCreateOpen] = useState14(false);
+  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__ */ jsxs18(Button15, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx20(Plus3, { className: "mr-2 h-4 w-4" }),
+        "Novo Contato"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx20(ContactsTable, { config }),
+    /* @__PURE__ */ jsx20(
+      ContactFormDialog,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        config
+      }
+    )
+  ] });
+}
+
+// src/components/chat-dashboard.tsx
+import { useState as useState15, useMemo as useMemo5 } from "react";
+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,
+  Clock as Clock2,
+  CircleCheck,
+  ArrowRight
+} from "lucide-react";
+import { formatDistanceToNow as formatDistanceToNow2 } from "date-fns";
+import { ptBR as ptBR5 } from "date-fns/locale";
+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";
+  return userName ? `${prefix}, ${userName}!` : `${prefix}!`;
+}
+var statusColors2 = {
+  open: "bg-green-500/10 text-green-600 border-green-200",
+  pending: "bg-yellow-500/10 text-yellow-600 border-yellow-200",
+  resolved: "bg-zinc-500/10 text-zinc-500 border-zinc-200"
+};
+var statusLabels2 = {
+  open: "Aberta",
+  pending: "Pendente",
+  resolved: "Resolvida"
+};
+function StatCard({
+  title,
+  value,
+  total,
+  icon: Icon,
+  loading,
+  accentColor,
+  onClick
+}) {
+  const pct = total && value ? Math.round(value / total * 100) : 0;
+  return /* @__PURE__ */ jsxs19(
+    Card,
+    {
+      className: cn6("cursor-pointer transition-shadow hover:shadow-md border-l-4", accentColor),
+      onClick,
+      children: [
+        /* @__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__ */ 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__ */ jsx21(Progress, { value: pct, className: "h-1" })
+        ] }) })
+      ]
+    }
+  );
+}
+function ChannelHealthCard({
+  channel,
+  config,
+  onClick
+}) {
+  const { data: status } = useChannelWhatsappStatus(config, channel.id);
+  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__ */ 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__ */ jsx21(WhatsappStatusBadge, { status, hasSession: !!channel.external_id })
+      ]
+    }
+  );
+}
+function RecentConversationItem({
+  inbox,
+  onClick
+}) {
+  const timestamp = inbox.last_message_at || inbox.datetime_add;
+  const timeAgo = formatDistanceToNow2(new Date(timestamp), {
+    addSuffix: true,
+    locale: ptBR5
+  });
+  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__ */ jsxs19(
+    "div",
+    {
+      className: "flex items-center gap-3 rounded-lg p-3 cursor-pointer transition-colors hover:bg-accent",
+      onClick,
+      children: [
+        /* @__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__ */ jsx21("span", { className: "text-xs text-muted-foreground shrink-0", children: timeAgo })
+          ] }),
+          /* @__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: cn6("shrink-0 text-[10px] px-1.5 py-0", statusColors2[inbox.status]),
+                children: statusLabels2[inbox.status] || inbox.status
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ChatDashboard({
+  config,
+  userName,
+  onNavigateToInbox,
+  onNavigateToChannels,
+  renderExtraSection
+}) {
+  const [selectedChannelId, setSelectedChannelId] = useState15(null);
+  const { data: stats, isLoading: statsLoading } = useInboxStats(config);
+  const { data: inboxes, isLoading: inboxesLoading } = useInboxes(config);
+  const { data: channels, isLoading: channelsLoading } = useChannels(config);
+  const filteredInboxes = useMemo5(() => {
+    if (!inboxes) return [];
+    if (!selectedChannelId) return inboxes;
+    return inboxes.filter((i) => i.id_channel === selectedChannelId);
+  }, [inboxes, selectedChannelId]);
+  const filteredStats = useMemo5(() => {
+    if (!selectedChannelId) return stats;
+    const open = filteredInboxes.filter((i) => i.status === "open").length;
+    const pending = filteredInboxes.filter((i) => i.status === "pending").length;
+    const resolved = filteredInboxes.filter((i) => i.status === "resolved").length;
+    return { total: filteredInboxes.length, open, pending, resolved };
+  }, [stats, filteredInboxes, selectedChannelId]);
+  const recentInboxes = useMemo5(() => {
+    return [...filteredInboxes].sort((a, b) => {
+      const da = a.last_message_at || a.datetime_add;
+      const db = b.last_message_at || b.datetime_add;
+      return new Date(db).getTime() - new Date(da).getTime();
+    }).slice(0, 5);
+  }, [filteredInboxes]);
+  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__ */ jsxs19("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx21(
+        "button",
+        {
+          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"
+          ),
+          onClick: () => setSelectedChannelId(null),
+          children: "Todos os canais"
+        }
+      ),
+      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: 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__ */ jsx21(WhatsappIcon, { className: "h-3 w-3" }),
+            channel.name
+          ]
+        },
+        channel.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx21(
+        StatCard,
+        {
+          title: "Total",
+          value: filteredStats?.total,
+          total: filteredStats?.total,
+          icon: InboxIcon2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-blue-500",
+          onClick: () => onNavigateToInbox?.()
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        StatCard,
+        {
+          title: "Abertas",
+          value: filteredStats?.open,
+          total: filteredStats?.total,
+          icon: MessageCircle2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-green-500",
+          onClick: () => onNavigateToInbox?.({ status: "open" })
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        StatCard,
+        {
+          title: "Pendentes",
+          value: filteredStats?.pending,
+          total: filteredStats?.total,
+          icon: Clock2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-yellow-500",
+          onClick: () => onNavigateToInbox?.({ status: "pending" })
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        StatCard,
+        {
+          title: "Resolvidas",
+          value: filteredStats?.resolved,
+          total: filteredStats?.total,
+          icon: CircleCheck,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-zinc-400",
+          onClick: () => onNavigateToInbox?.({ status: "resolved" })
+        }
+      )
+    ] }),
+    /* @__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__ */ jsx21(ArrowRight, { className: "h-3 w-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__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__ */ 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,
+          config,
+          onClick: () => onNavigateToInbox?.({ channelId: channel.id })
+        },
+        channel.id
+      )) }) })
+    ] }),
+    renderExtraSection?.(),
+    /* @__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__ */ jsx21(ArrowRight, { className: "h-3 w-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__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__ */ 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,
+          onClick: () => onNavigateToInbox?.()
+        },
+        inbox.id
+      )) }) })
+    ] })
+  ] });
+}
+export {
+  ChannelCard,
+  ChannelCreateDialog,
+  ChannelEditDialog,
+  ChannelsPage,
+  ChatDashboard,
+  ChatInput,
+  ChatView,
+  ContactAvatar,
+  ContactFormDialog,
+  ContactInfoPanel,
+  ContactsPage,
+  ContactsTable,
+  DEFAULT_CHANNEL_STATUS_POLLING,
+  DEFAULT_INBOX_POLLING,
+  DEFAULT_MESSAGES_POLLING,
+  DEFAULT_QR_POLLING,
+  DataTable,
+  InboxItem,
+  InboxPage,
+  InboxSidebar,
+  MessageBubble,
+  NewConversationDialog,
+  WhatsappIcon,
+  WhatsappQrDialog,
+  WhatsappStatusBadge,
+  cn7 as cn,
   createGchatClient,
   formatDateGroup,
   formatMessageTime,