@greatapps/greatchat-ui 0.1.4 → 0.1.6

package/dist/index.js

@@ -2474,19 +2474,1711 @@ function NewConversationDialog({
     ] })
   ] }) });
 }
+
+// src/components/whatsapp-status-badge.tsx
+import { jsx as jsx24 } 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" });
+  }
+  if (!status) {
+    return /* @__PURE__ */ jsx24(Badge, { variant: "outline", className: "text-xs text-zinc-500 border-zinc-300", children: "Verificando..." });
+  }
+  if (status.connected && status.logged_in) {
+    return /* @__PURE__ */ jsx24(
+      Badge,
+      {
+        variant: "outline",
+        className: "text-xs bg-green-500/10 text-green-600 border-green-200",
+        children: "Conectado"
+      }
+    );
+  }
+  if (status.connected && !status.logged_in) {
+    return /* @__PURE__ */ jsx24(
+      Badge,
+      {
+        variant: "outline",
+        className: "text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200",
+        children: "Reconectando..."
+      }
+    );
+  }
+  if (status.logged_in && !status.connected) {
+    return /* @__PURE__ */ jsx24(
+      Badge,
+      {
+        variant: "outline",
+        className: "text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200",
+        children: "Desconectado"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx24(
+    Badge,
+    {
+      variant: "outline",
+      className: "text-xs bg-red-500/10 text-red-600 border-red-200",
+      children: "Offline"
+    }
+  );
+}
+
+// src/components/channel-card.tsx
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+function ChannelCard({
+  channel,
+  config,
+  onEdit,
+  onDelete,
+  linkedAgentName,
+  linkedAgentActive = true,
+  actions
+}) {
+  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" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+        onEdit && /* @__PURE__ */ jsx25(
+          Button,
+          {
+            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" })
+            ] })
+          }
+        ),
+        onDelete && /* @__PURE__ */ jsx25(
+          Button,
+          {
+            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" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx25(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__ */ jsxs14("span", { children: [
+          "Agent: ",
+          /* @__PURE__ */ jsx25("strong", { children: linkedAgentName })
+        ] }),
+        !linkedAgentActive && /* @__PURE__ */ jsx25("span", { className: "text-[10px] px-1 py-0 border rounded", children: "inativo" })
+      ] }),
+      actions
+    ] })
+  ] });
+}
+
+// src/components/whatsapp-icon.tsx
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+function WhatsappIcon(props) {
+  return /* @__PURE__ */ jsxs15(
+    "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__ */ jsx26("path", { d: "M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" }),
+        /* @__PURE__ */ jsx26("path", { d: "M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" })
+      ]
+    }
+  );
+}
+
+// src/components/whatsapp-qr-dialog.tsx
+import { useEffect as useEffect3, useState as useState6, useCallback as useCallback2 } from "react";
+import { Loader2 as Loader22, Check as Check4, AlertCircle as AlertCircle2, RefreshCw } from "lucide-react";
+import { toast } from "sonner";
+import { jsx as jsx27, jsxs as jsxs16 } 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__ */ jsx27(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs16(DialogHeader, { children: [
+      /* @__PURE__ */ jsx27(DialogTitle, { children: "Conectar WhatsApp" }),
+      /* @__PURE__ */ jsx27(DialogDescription, { children: "Escaneie o QR code com seu WhatsApp para conectar" })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex min-h-[300px] items-center justify-center", children: [
+      state === "connecting" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx27(Loader22, { className: "h-8 w-8 animate-spin" }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: "Iniciando conex\xE3o..." })
+      ] }),
+      state === "waiting_qr" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx27(Loader22, { className: "h-8 w-8 animate-spin" }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: "Gerando QR code..." })
+      ] }),
+      state === "showing_qr" && qrUrl && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx27(
+          "img",
+          {
+            src: qrUrl,
+            alt: "QR Code WhatsApp",
+            className: "h-64 w-64 rounded-lg border"
+          }
+        ),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Abra o WhatsApp > Aparelhos conectados > Conectar" })
+      ] }),
+      state === "connected" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-green-600", children: [
+        /* @__PURE__ */ jsx27(Check4, { className: "h-12 w-12" }),
+        /* @__PURE__ */ jsx27("p", { className: "text-lg font-medium", children: "Conectado!" })
+      ] }),
+      state === "error" && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center gap-3 text-destructive", children: [
+        /* @__PURE__ */ jsx27(AlertCircle2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm", children: errorMsg || "Erro ao gerar QR code" }),
+        /* @__PURE__ */ jsxs16(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: startConnect,
+            children: [
+              /* @__PURE__ */ jsx27(RefreshCw, { className: "mr-2 h-4 w-4" }),
+              "Tentar novamente"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/channel-create-dialog.tsx
+import { useState as useState7 } from "react";
+
+// src/components/ui/label.tsx
+import { Label as LabelPrimitive } from "radix-ui";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/channel-create-dialog.tsx
+import { Loader2 as Loader23 } from "lucide-react";
+import { toast as toast2 } from "sonner";
+import { jsx as jsx29, jsxs as jsxs17 } 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__ */ jsx29(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent, { children: [
+    /* @__PURE__ */ jsx29(DialogHeader, { children: /* @__PURE__ */ jsxs17(DialogTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx29(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
+      "Novo Canal WhatsApp"
+    ] }) }),
+    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx29(Label, { htmlFor: "channel-name", children: "Nome do canal *" }),
+        /* @__PURE__ */ jsx29(
+          Input,
+          {
+            id: "channel-name",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Ex: WhatsApp Principal",
+            required: true,
+            disabled: createChannel.isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx29(Label, { htmlFor: "channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
+        /* @__PURE__ */ jsx29(
+          Input,
+          {
+            id: "channel-identifier",
+            value: identifier,
+            onChange: (e) => setIdentifier(e.target.value),
+            placeholder: "5511999999999",
+            disabled: createChannel.isPending
+          }
+        ),
+        /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "Ser\xE1 detectado automaticamente ao escanear o QR code" })
+      ] }),
+      renderAgentSelect?.({
+        value: idAgent,
+        onChange: setIdAgent,
+        disabled: createChannel.isPending
+      }),
+      /* @__PURE__ */ jsxs17(DialogFooter, { children: [
+        /* @__PURE__ */ jsx29(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: createChannel.isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs17(Button, { type: "submit", disabled: createChannel.isPending || !name.trim(), children: [
+          createChannel.isPending && /* @__PURE__ */ jsx29(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+          "Criar Canal"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/channel-edit-dialog.tsx
+import { useState as useState8, useEffect as useEffect4 } from "react";
+import { Loader2 as Loader24 } from "lucide-react";
+import { toast as toast3 } from "sonner";
+import { jsx as jsx30, jsxs as jsxs18 } 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__ */ jsx30(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogContent, { children: [
+    /* @__PURE__ */ jsx30(DialogHeader, { children: /* @__PURE__ */ jsxs18(DialogTitle, { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(WhatsappIcon, { className: "h-5 w-5 text-green-600" }),
+      "Editar Canal"
+    ] }) }),
+    /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx30(Label, { htmlFor: "edit-channel-name", children: "Nome do canal *" }),
+        /* @__PURE__ */ jsx30(
+          Input,
+          {
+            id: "edit-channel-name",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Ex: WhatsApp Principal",
+            required: true,
+            disabled: updateChannel.isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx30(Label, { htmlFor: "edit-channel-identifier", children: "N\xFAmero do WhatsApp (opcional)" }),
+        /* @__PURE__ */ jsx30(
+          Input,
+          {
+            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__ */ jsxs18(DialogFooter, { children: [
+        /* @__PURE__ */ jsx30(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: updateChannel.isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs18(Button, { type: "submit", disabled: updateChannel.isPending || !name.trim(), children: [
+          updateChannel.isPending && /* @__PURE__ */ jsx30(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }),
+          "Salvar"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/contact-form-dialog.tsx
+import { useEffect as useEffect5, useState as useState9 } from "react";
+import { Loader2 as Loader25 } from "lucide-react";
+import { toast as toast4 } from "sonner";
+import { jsx as jsx31, jsxs as jsxs19 } 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__ */ jsx31(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs19(DialogContent, { children: [
+    /* @__PURE__ */ jsx31(DialogHeader, { children: /* @__PURE__ */ jsx31(DialogTitle, { children: isEditing ? "Editar Contato" : "Novo Contato" }) }),
+    /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx31(
+          Input,
+          {
+            id: "contact-name",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Nome do contato",
+            required: true,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-phone", children: "Telefone" }),
+        /* @__PURE__ */ jsx31(
+          Input,
+          {
+            id: "contact-phone",
+            value: phoneNumber,
+            onChange: (e) => setPhoneNumber(e.target.value),
+            placeholder: "5511999999999",
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx31(Label, { htmlFor: "contact-identifier", children: "Identificador (WhatsApp ID)" }),
+        /* @__PURE__ */ jsx31(
+          Input,
+          {
+            id: "contact-identifier",
+            value: identifier,
+            onChange: (e) => setIdentifier(e.target.value),
+            placeholder: "5511999999999@s.whatsapp.net",
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19(DialogFooter, { children: [
+        /* @__PURE__ */ jsx31(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs19(Button, { type: "submit", disabled: isPending || !name.trim(), children: [
+          isPending ? /* @__PURE__ */ jsx31(Loader25, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          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";
+
+// src/components/ui/table.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx32("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx32(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+
+// src/components/data-table.tsx
+import { ChevronLeft, ChevronRight as ChevronRight2, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+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__ */ jsxs20("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx33("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs20(Table, { children: [
+      /* @__PURE__ */ jsx33(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx33(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx33(
+        TableHead,
+        {
+          className: cn(compact && "py-1.5 text-xs"),
+          style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
+          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs20(
+            "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__ */ jsx33(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  desc: /* @__PURE__ */ jsx33(ArrowDown, { className: "h-3.5 w-3.5" })
+                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx33(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
+              ]
+            }
+          ) : flexRender(header.column.columnDef.header, header.getContext())
+        },
+        header.id
+      )) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx33(TableBody, { children: isLoading ? Array.from({ length: compact ? 3 : 5 }).map((_, i) => /* @__PURE__ */ jsx33(TableRow, { children: columns.map((_2, j) => /* @__PURE__ */ jsx33(TableCell, { className: cn(compact && "py-1.5"), children: /* @__PURE__ */ jsx33(Skeleton, { className: "h-4 w-full max-w-[120px]" }) }, j)) }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx33(TableRow, { children: /* @__PURE__ */ jsx33(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: cn(
+            "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__ */ jsx33(
+          TableRow,
+          {
+            className: cn(
+              onRowClick && "cursor-pointer",
+              isSelected && "bg-accent"
+            ),
+            onClick: () => onRowClick?.(row.original),
+            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx33(TableCell, { className: cn(compact && "py-1.5"), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          },
+          row.id
+        );
+      }) })
+    ] }) }),
+    showPagination && /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsxs20("p", { className: "text-sm text-muted-foreground", children: [
+        total,
+        " registro",
+        total !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs20(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            children: [
+              /* @__PURE__ */ jsx33(ChevronLeft, { className: "h-4 w-4" }),
+              "Anterior"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs20("span", { className: "text-sm text-muted-foreground", children: [
+          page,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs20(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: [
+              "Pr\xF3ximo",
+              /* @__PURE__ */ jsx33(ChevronRight2, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/contacts-table.tsx
+import { Pencil as Pencil2, Trash2 as Trash23, Search as Search3 } from "lucide-react";
+import { format as format3 } from "date-fns";
+import { ptBR as ptBR4 } from "date-fns/locale";
+import { toast as toast5 } from "sonner";
+import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+function useColumns(onEdit, onDelete) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsx34("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__ */ jsx34("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__ */ jsx34("span", { className: "text-muted-foreground text-sm", children: format3(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR4 }) })
+    },
+    {
+      id: "actions",
+      size: 80,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs21(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx34(Pencil2, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx34(TooltipContent, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs21(Tooltip, { children: [
+          /* @__PURE__ */ jsx34(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              onClick: () => onDelete(row.original.id),
+              children: /* @__PURE__ */ jsx34(Trash23, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx34(TooltipContent, { 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__ */ jsxs21(Fragment3, { children: [
+    /* @__PURE__ */ jsx34("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs21("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx34(Search3, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx34(
+        Input,
+        {
+          placeholder: "Buscar por nome, telefone ou identificador...",
+          value: search,
+          onChange: (e) => handleSearchChange(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx34(
+      DataTable,
+      {
+        columns,
+        data: contacts,
+        isLoading,
+        emptyMessage: "Nenhum contato encontrado",
+        total,
+        page,
+        onPageChange: setPage,
+        pageSize: 15
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      ContactFormDialog,
+      {
+        open: !!editContact,
+        onOpenChange: (open) => !open && setEditContact(null),
+        contact: editContact ?? void 0,
+        config
+      }
+    ),
+    /* @__PURE__ */ jsx34(AlertDialog, { open: !!deleteId, onOpenChange: (open) => !open && setDeleteId(null), children: /* @__PURE__ */ jsxs21(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs21(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogTitle, { children: "Excluir contato?" }),
+        /* @__PURE__ */ jsx34(AlertDialogDescription, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O contato ser\xE1 removido permanentemente." })
+      ] }),
+      /* @__PURE__ */ jsxs21(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx34(
+          AlertDialogAction,
+          {
+            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 { MessageCircle, User } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs22 } 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__ */ jsxs22("div", { className: "flex h-full", children: [
+    /* @__PURE__ */ jsx35("div", { className: "w-[360px] shrink-0 border-r flex flex-col", children: /* @__PURE__ */ jsx35(
+      InboxSidebar,
+      {
+        inboxes,
+        isLoading: inboxesLoading,
+        selectedInboxId: selectedInbox?.id ?? null,
+        onSelectInbox: (inbox) => {
+          setSelectedInbox(inbox);
+          setShowContactPanel(false);
+        },
+        onDeleteInbox: (id) => deleteInbox.mutate(id),
+        filterChannelId
+      }
+    ) }),
+    /* @__PURE__ */ jsx35("div", { className: "flex-1 flex min-w-0", children: selectedInbox ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
+      /* @__PURE__ */ jsx35("div", { className: "flex-1 flex flex-col min-w-0", children: /* @__PURE__ */ jsx35(
+        ChatView,
+        {
+          messages,
+          isLoading: messagesLoading,
+          onSend: handleSend,
+          onRetry: retryMessage,
+          onRevoke: handleRevoke,
+          onEdit: handleEdit,
+          renderHeader: /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx35("span", { className: "text-sm font-medium", children: selectedInbox.contact_name || "Conversa" }),
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs22(
+                Select,
+                {
+                  value: selectedInbox.status,
+                  onValueChange: handleStatusChange,
+                  children: [
+                    /* @__PURE__ */ jsx35(SelectTrigger, { className: "w-[130px] h-8 text-xs", children: /* @__PURE__ */ jsx35(SelectValue, { placeholder: "Status" }) }),
+                    /* @__PURE__ */ jsxs22(SelectContent, { children: [
+                      /* @__PURE__ */ jsx35(SelectItem, { value: "open", children: "Aberta" }),
+                      /* @__PURE__ */ jsx35(SelectItem, { value: "pending", children: "Pendente" }),
+                      /* @__PURE__ */ jsx35(SelectItem, { value: "resolved", children: "Resolvida" })
+                    ] })
+                  ]
+                }
+              ),
+              selectedInbox.id_contact && /* @__PURE__ */ jsx35(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => setShowContactPanel((v) => !v),
+                  children: /* @__PURE__ */ jsx35(User, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }),
+      showContactPanel && selectedInbox.id_contact && /* @__PURE__ */ jsx35(
+        ContactInfoPanel,
+        {
+          contact: contact ?? null,
+          isLoading: contactLoading,
+          onClose: () => setShowContactPanel(false)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground gap-3", children: [
+      /* @__PURE__ */ jsx35(MessageCircle, { className: "h-12 w-12 opacity-20" }),
+      /* @__PURE__ */ jsx35("p", { className: "text-sm", children: "Selecione uma conversa para come\xE7ar" })
+    ] }) })
+  ] });
+}
+
+// src/components/channels-page.tsx
+import { useState as useState13 } from "react";
+import { Plus as Plus2, QrCode, Unplug, LogOut } from "lucide-react";
+import { toast as toast6 } from "sonner";
+import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+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__ */ jsxs23(Fragment5, { children: [
+    /* @__PURE__ */ jsx36(
+      ChannelCard,
+      {
+        channel,
+        config,
+        onEdit: () => setEditOpen(true),
+        onDelete: () => setDeleteOpen(true),
+        linkedAgentName: agentInfo?.name,
+        linkedAgentActive: agentInfo?.active !== false,
+        actions: /* @__PURE__ */ jsxs23("div", { className: "flex flex-wrap items-center gap-2", children: [
+          !isFullyConnected && /* @__PURE__ */ jsxs23(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: () => setQrOpen(true),
+              children: [
+                /* @__PURE__ */ jsx36(QrCode, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Conectar via QR"
+              ]
+            }
+          ),
+          isFullyConnected && /* @__PURE__ */ jsxs23(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: handleDisconnect,
+              disabled: disconnectChannel.isPending,
+              children: [
+                /* @__PURE__ */ jsx36(Unplug, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Desconectar"
+              ]
+            }
+          ),
+          hasSession && /* @__PURE__ */ jsxs23(
+            Button,
+            {
+              size: "sm",
+              variant: "outline",
+              className: "text-destructive hover:text-destructive",
+              onClick: handleLogout,
+              disabled: logoutChannel.isPending,
+              children: [
+                /* @__PURE__ */ jsx36(LogOut, { className: "mr-1.5 h-3.5 w-3.5" }),
+                "Logout"
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx36(
+      WhatsappQrDialog,
+      {
+        open: qrOpen,
+        onOpenChange: setQrOpen,
+        channelId: channel.id,
+        config
+      }
+    ),
+    /* @__PURE__ */ jsx36(
+      ChannelEditDialog,
+      {
+        open: editOpen,
+        onOpenChange: setEditOpen,
+        channel,
+        config,
+        renderAgentSelect
+      }
+    ),
+    /* @__PURE__ */ jsx36(AlertDialog, { open: deleteOpen, onOpenChange: setDeleteOpen, children: /* @__PURE__ */ jsxs23(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs23(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx36(AlertDialogTitle, { children: "Excluir canal?" }),
+        /* @__PURE__ */ jsxs23(AlertDialogDescription, { children: [
+          'O canal "',
+          channel.name,
+          '" ser\xE1 removido permanentemente. Todas as conversas associadas ser\xE3o perdidas.'
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs23(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx36(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx36(
+          AlertDialogAction,
+          {
+            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__ */ jsxs23("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs23("div", { children: [
+        /* @__PURE__ */ jsx36("h1", { className: "text-xl font-semibold", children: "Canais" }),
+        /* @__PURE__ */ jsx36("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus canais de comunica\xE7\xE3o" })
+      ] }),
+      /* @__PURE__ */ jsxs23(Button, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx36(Plus2, { className: "mr-2 h-4 w-4" }),
+        "Novo Canal"
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx36("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border p-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx36(Skeleton, { className: "h-9 w-9 rounded-md" }),
+        /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx36(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx36(Skeleton, { className: "h-3 w-32" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx36(Skeleton, { className: "h-8 w-full" })
+    ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground gap-3", children: [
+      /* @__PURE__ */ jsx36(WhatsappIcon, { className: "h-12 w-12 opacity-20" }),
+      /* @__PURE__ */ jsx36("p", { className: "text-sm", children: "Nenhum canal configurado" }),
+      /* @__PURE__ */ jsxs23(Button, { variant: "outline", onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx36(Plus2, { className: "mr-2 h-4 w-4" }),
+        "Criar primeiro canal"
+      ] })
+    ] }) : /* @__PURE__ */ jsx36("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: channels.map((channel) => /* @__PURE__ */ jsx36(
+      ChannelCardWrapper,
+      {
+        channel,
+        config,
+        renderAgentSelect,
+        getAgentInfo
+      },
+      channel.id
+    )) }),
+    /* @__PURE__ */ jsx36(
+      ChannelCreateDialog,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        config,
+        renderAgentSelect
+      }
+    )
+  ] });
+}
+
+// src/components/contacts-page.tsx
+import { useState as useState14 } from "react";
+import { Plus as Plus3 } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+function ContactsPage({ config }) {
+  const [createOpen, setCreateOpen] = useState14(false);
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs24("div", { children: [
+        /* @__PURE__ */ jsx37("h1", { className: "text-xl font-semibold", children: "Contatos" }),
+        /* @__PURE__ */ jsx37("p", { className: "text-sm text-muted-foreground", children: "Gerencie seus contatos de conversas" })
+      ] }),
+      /* @__PURE__ */ jsxs24(Button, { onClick: () => setCreateOpen(true), children: [
+        /* @__PURE__ */ jsx37(Plus3, { className: "mr-2 h-4 w-4" }),
+        "Novo Contato"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx37(ContactsTable, { config }),
+    /* @__PURE__ */ jsx37(
+      ContactFormDialog,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        config
+      }
+    )
+  ] });
+}
+
+// src/components/chat-dashboard.tsx
+import { useState as useState15, useMemo as useMemo5 } from "react";
+
+// src/components/ui/card.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn("ring-foreground/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6 group-data-[size=sm]/card:px-4", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/progress.tsx
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx39(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx39(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary size-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+// src/components/chat-dashboard.tsx
+import {
+  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 jsx40, jsxs as jsxs25 } 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__ */ jsxs25(
+    Card,
+    {
+      className: cn("cursor-pointer transition-shadow hover:shadow-md border-l-4", accentColor),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+          /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: title }),
+          /* @__PURE__ */ jsx40(Icon, { className: "h-4 w-4 text-muted-foreground" })
+        ] }),
+        /* @__PURE__ */ jsx40(CardContent, { className: "space-y-2", children: loading ? /* @__PURE__ */ jsx40(Skeleton, { className: "h-8 w-16" }) : /* @__PURE__ */ jsxs25(Fragment6, { children: [
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx40("p", { className: "text-2xl font-bold", children: value ?? 0 }),
+            total !== void 0 && total > 0 && title !== "Total" && /* @__PURE__ */ jsxs25("span", { className: "text-xs text-muted-foreground", children: [
+              "de ",
+              total
+            ] })
+          ] }),
+          title !== "Total" && /* @__PURE__ */ jsx40(Progress, { value: pct, className: "h-1" })
+        ] }) })
+      ]
+    }
+  );
+}
+function ChannelHealthCard({
+  channel,
+  config,
+  onClick
+}) {
+  const { data: status } = useChannelWhatsappStatus(config, channel.id);
+  return /* @__PURE__ */ jsxs25(
+    "div",
+    {
+      className: "flex items-center gap-3 rounded-lg border p-3 cursor-pointer transition-colors hover:bg-accent",
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx40("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10", children: /* @__PURE__ */ jsx40(WhatsappIcon, { className: "h-5 w-5 text-green-600" }) }),
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium truncate", children: channel.name }),
+          /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground truncate", children: channel.identifier || "Sem n\xFAmero" })
+        ] }),
+        /* @__PURE__ */ jsx40(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__ */ jsxs25(
+    "div",
+    {
+      className: "flex items-center gap-3 rounded-lg p-3 cursor-pointer transition-colors hover:bg-accent",
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx40(ContactAvatar, { name: inbox.contact_name || "?", className: "h-9 w-9" }),
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium truncate", children: inbox.contact_name || "Desconhecido" }),
+              inbox.channel_name && /* @__PURE__ */ jsx40(Badge, { variant: "outline", className: "shrink-0 text-[10px] px-1.5 py-0 text-muted-foreground", children: inbox.channel_name })
+            ] }),
+            /* @__PURE__ */ jsx40("span", { className: "text-xs text-muted-foreground shrink-0", children: timeAgo })
+          ] }),
+          /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2 mt-0.5", children: [
+            /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground truncate", children: lastMessage ? `${directionPrefix}${lastMessage}` : "Sem mensagens" }),
+            /* @__PURE__ */ jsx40(
+              Badge,
+              {
+                variant: "outline",
+                className: cn("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__ */ jsxs25("div", { className: "flex flex-col gap-6 p-4 flex-1 min-h-0 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs25("div", { children: [
+      /* @__PURE__ */ jsx40("h1", { className: "text-xl font-semibold", children: getGreeting(userName) }),
+      /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground", children: "Aqui est\xE1 o resumo das suas conversas e canais." })
+    ] }),
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx40(
+        "button",
+        {
+          className: cn(
+            "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__ */ jsxs25(Fragment6, { children: [
+        /* @__PURE__ */ jsx40(Skeleton, { className: "h-7 w-24 rounded-full" }),
+        /* @__PURE__ */ jsx40(Skeleton, { className: "h-7 w-28 rounded-full" })
+      ] }) : channels?.map((channel) => /* @__PURE__ */ jsxs25(
+        "button",
+        {
+          className: cn(
+            "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+            selectedChannelId === channel.id ? "bg-primary text-primary-foreground border-primary" : "bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+          ),
+          onClick: () => setSelectedChannelId(channel.id),
+          children: [
+            /* @__PURE__ */ jsx40(WhatsappIcon, { className: "h-3 w-3" }),
+            channel.name
+          ]
+        },
+        channel.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs25("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx40(
+        StatCard,
+        {
+          title: "Total",
+          value: filteredStats?.total,
+          total: filteredStats?.total,
+          icon: InboxIcon2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-blue-500",
+          onClick: () => onNavigateToInbox?.()
+        }
+      ),
+      /* @__PURE__ */ jsx40(
+        StatCard,
+        {
+          title: "Abertas",
+          value: filteredStats?.open,
+          total: filteredStats?.total,
+          icon: MessageCircle2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-green-500",
+          onClick: () => onNavigateToInbox?.({ status: "open" })
+        }
+      ),
+      /* @__PURE__ */ jsx40(
+        StatCard,
+        {
+          title: "Pendentes",
+          value: filteredStats?.pending,
+          total: filteredStats?.total,
+          icon: Clock2,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-yellow-500",
+          onClick: () => onNavigateToInbox?.({ status: "pending" })
+        }
+      ),
+      /* @__PURE__ */ jsx40(
+        StatCard,
+        {
+          title: "Resolvidas",
+          value: filteredStats?.resolved,
+          total: filteredStats?.total,
+          icon: CircleCheck,
+          loading: statsLoading && !selectedChannelId,
+          accentColor: "border-l-zinc-400",
+          onClick: () => onNavigateToInbox?.({ status: "resolved" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs25(Card, { children: [
+      /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium", children: "Sa\xFAde dos Canais" }),
+        onNavigateToChannels && /* @__PURE__ */ jsxs25(
+          "button",
+          {
+            onClick: onNavigateToChannels,
+            className: "text-xs text-primary hover:underline flex items-center gap-1",
+            children: [
+              "Gerenciar",
+              /* @__PURE__ */ jsx40(ArrowRight, { className: "h-3 w-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx40(CardContent, { children: channelsLoading ? /* @__PURE__ */ jsx40("div", { className: "space-y-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsx40(Skeleton, { className: "h-8 w-8 rounded" }),
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx40(Skeleton, { className: "h-3 w-32" })
+        ] })
+      ] }, i)) }) : !channels?.length ? /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center h-full text-sm text-muted-foreground py-8", children: "Nenhum canal configurado" }) : /* @__PURE__ */ jsx40("div", { className: "space-y-2", children: channels.map((channel) => /* @__PURE__ */ jsx40(
+        ChannelHealthCard,
+        {
+          channel,
+          config,
+          onClick: () => onNavigateToInbox?.({ channelId: channel.id })
+        },
+        channel.id
+      )) }) })
+    ] }),
+    renderExtraSection?.(),
+    /* @__PURE__ */ jsxs25(Card, { children: [
+      /* @__PURE__ */ jsxs25(CardHeader, { className: "flex flex-row items-center justify-between", children: [
+        /* @__PURE__ */ jsx40(CardTitle, { className: "text-sm font-medium", children: "Conversas Recentes" }),
+        onNavigateToInbox && /* @__PURE__ */ jsxs25(
+          "button",
+          {
+            onClick: () => onNavigateToInbox(),
+            className: "text-xs text-primary hover:underline flex items-center gap-1",
+            children: [
+              "Ver todas",
+              /* @__PURE__ */ jsx40(ArrowRight, { className: "h-3 w-3" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx40(CardContent, { className: "p-0", children: inboxesLoading ? /* @__PURE__ */ jsx40("div", { className: "space-y-2 p-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsx40(Skeleton, { className: "h-9 w-9 rounded-full shrink-0" }),
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-28" }),
+          /* @__PURE__ */ jsx40(Skeleton, { className: "h-3 w-40" })
+        ] })
+      ] }, i)) }) : recentInboxes.length === 0 ? /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: "Nenhuma conversa encontrada" }) : /* @__PURE__ */ jsx40("div", { className: "divide-y", children: recentInboxes.map((inbox) => /* @__PURE__ */ jsx40(
+        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,
   cn,
   createGchatClient,
   formatDateGroup,