@greatapps/greatchat-ui 0.1.4 → 0.1.5

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ClassValue } from 'clsx';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
 interface ApiResponse<T> {
     status: 0 | 1;
@@ -466,4 +467,21 @@ interface NewConversationDialogProps {
 }
 declare function NewConversationDialog({ open, onOpenChange, contacts, channels, existingInboxes, onCreateInbox, isCreating, onCreated, }: NewConversationDialogProps): react_jsx_runtime.JSX.Element;
 
-export { type ApiResponse, type Channel, ChatInput, type ChatInputProps, ChatView, type ChatViewProps, type Contact, ContactAvatar, type ContactAvatarProps, ContactInfoPanel, type ContactInfoPanelProps, DEFAULT_CHANNEL_STATUS_POLLING, DEFAULT_INBOX_POLLING, DEFAULT_MESSAGES_POLLING, DEFAULT_QR_POLLING, type GchatClientConfig, type GchatHookConfig, type Inbox, InboxItem, type InboxItemProps, type InboxMessage, InboxSidebar, type InboxSidebarProps, type InboxStats, MessageBubble, type MessageBubbleProps, type MessageContentType, NewConversationDialog, type NewConversationDialogProps, type WhatsappStatus, cn, createGchatClient, formatDateGroup, formatMessageTime, groupMessagesByDate, useChannelQR, useChannelWhatsappStatus, useChannels, useConnectChannel, useContacts, useCreateChannel, useCreateContact, useCreateInbox, useDeleteChannel, useDeleteContact, useDeleteInbox, useDisconnectChannel, useEditMessage, useGetContact, useInbox, useInboxMessages, useInboxStats, useInboxes, useLogoutChannel, useRetryMessage, useRevokeMessage, useSendMessage, useUpdateChannel, useUpdateContact, useUpdateInbox };
+interface ChannelCardProps {
+    channel: Channel;
+    config: GchatHookConfig;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    linkedAgentName?: string;
+    linkedAgentActive?: boolean;
+    actions?: ReactNode;
+}
+declare function ChannelCard({ channel, config, onEdit, onDelete, linkedAgentName, linkedAgentActive, actions, }: ChannelCardProps): react_jsx_runtime.JSX.Element;
+
+interface WhatsappStatusBadgeProps {
+    status: WhatsappStatus | undefined | null;
+    hasSession: boolean;
+}
+declare function WhatsappStatusBadge({ status, hasSession, }: WhatsappStatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { type ApiResponse, type Channel, ChannelCard, type ChannelCardProps, ChatInput, type ChatInputProps, ChatView, type ChatViewProps, type Contact, ContactAvatar, type ContactAvatarProps, ContactInfoPanel, type ContactInfoPanelProps, DEFAULT_CHANNEL_STATUS_POLLING, DEFAULT_INBOX_POLLING, DEFAULT_MESSAGES_POLLING, DEFAULT_QR_POLLING, type GchatClientConfig, type GchatHookConfig, type Inbox, InboxItem, type InboxItemProps, type InboxMessage, InboxSidebar, type InboxSidebarProps, type InboxStats, MessageBubble, type MessageBubbleProps, type MessageContentType, NewConversationDialog, type NewConversationDialogProps, type WhatsappStatus, WhatsappStatusBadge, type WhatsappStatusBadgeProps, cn, createGchatClient, formatDateGroup, formatMessageTime, groupMessagesByDate, useChannelQR, useChannelWhatsappStatus, useChannels, useConnectChannel, useContacts, useCreateChannel, useCreateContact, useCreateInbox, useDeleteChannel, useDeleteContact, useDeleteInbox, useDisconnectChannel, useEditMessage, useGetContact, useInbox, useInboxMessages, useInboxStats, useInboxes, useLogoutChannel, useRetryMessage, useRevokeMessage, useSendMessage, useUpdateChannel, useUpdateContact, useUpdateInbox };

package/dist/index.js

@@ -2474,7 +2474,134 @@ 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
+    ] })
+  ] });
+}
 export {
+  ChannelCard,
   ChatInput,
   ChatView,
   ContactAvatar,
@@ -2487,6 +2614,7 @@ export {
   InboxSidebar,
   MessageBubble,
   NewConversationDialog,
+  WhatsappStatusBadge,
   cn,
   createGchatClient,
   formatDateGroup,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/client/index.ts","../src/lib/utils.ts","../src/utils/group-messages.ts","../src/utils/format-date.ts","../src/hooks/types.ts","../src/hooks/use-inboxes.ts","../src/hooks/use-inbox-messages.ts","../src/hooks/use-contacts.ts","../src/hooks/use-channels.ts","../src/components/chat-view.tsx","../src/components/message-bubble.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/alert-dialog.tsx","../src/components/ui/button.tsx","../src/components/ui/textarea.tsx","../src/components/chat-input.tsx","../src/components/ui/skeleton.tsx","../src/components/ui/select.tsx","../src/components/ui/avatar.tsx","../src/components/contact-avatar.tsx","../src/components/inbox-item.tsx","../src/components/ui/badge.tsx","../src/components/ui/tooltip.tsx","../src/components/inbox-sidebar.tsx","../src/components/ui/input.tsx","../src/components/ui/tabs.tsx","../src/components/ui/scroll-area.tsx","../src/components/ui/separator.tsx","../src/components/contact-info-panel.tsx","../src/components/new-conversation-dialog.tsx","../src/components/ui/dialog.tsx","../src/components/ui/command.tsx"],"sourcesContent":["import type {\n  ApiResponse,\n  Channel,\n  Contact,\n  Inbox,\n  InboxMessage,\n  InboxStats,\n  WhatsappStatus,\n} from \"../types\";\n\nexport interface GchatClientConfig {\n  baseUrl: string;\n  token: string;\n  language?: string;\n  idWl?: number;\n}\n\nexport function createGchatClient(config: GchatClientConfig) {\n  const { baseUrl, token, language = \"pt-br\", idWl = 1 } = config;\n\n  function buildUrl(idAccount: number, path: string): string {\n    return `${baseUrl}/v1/${language}/${idWl}/accounts/${idAccount}/${path}`;\n  }\n\n  async function request<T>(\n    method: string,\n    idAccount: number,\n    path: string,\n    body?: unknown,\n    params?: Record<string, string>,\n  ): Promise<ApiResponse<T>> {\n    const url = new URL(buildUrl(idAccount, path));\n    if (params) {\n      Object.entries(params).forEach(([k, v]) => url.searchParams.set(k, v));\n    }\n\n    const res = await fetch(url.toString(), {\n      method,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${token}`,\n      },\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!res.ok) {\n      let message = `HTTP ${res.status}: ${res.statusText}`;\n      try {\n        const errorBody = await res.json();\n        message = errorBody.message || message;\n      } catch {\n        /* ignore parse errors */\n      }\n      throw new Error(message);\n    }\n\n    const json: ApiResponse<T> = await res.json();\n\n    // For mutations, treat API-level failures as errors so TanStack Query\n    // fires onError instead of onSuccess (API returns HTTP 200 even on failure)\n    if (method !== \"GET\" && json.status === 0) {\n      throw new Error(json.message || \"Operação falhou\");\n    }\n\n    return json;\n  }\n\n  return {\n    // --- Inboxes ---\n    listInboxes: (idAccount: number, params?: Record<string, string>) =>\n      request<Inbox[]>(\"GET\", idAccount, \"inboxes\", undefined, params),\n    getInbox: (idAccount: number, id: number) =>\n      request<Inbox>(\"GET\", idAccount, `inboxes/${id}`),\n    getInboxStats: (idAccount: number) =>\n      request<InboxStats>(\"GET\", idAccount, \"inboxes/stats\"),\n    createInbox: (\n      idAccount: number,\n      body: { id_channel: number; id_contact: number },\n    ) => request<Inbox>(\"POST\", idAccount, \"inboxes\", body),\n    updateInbox: (\n      idAccount: number,\n      id: number,\n      body: Partial<Pick<Inbox, \"status\" | \"id_agent\">>,\n    ) => request<Inbox>(\"PUT\", idAccount, `inboxes/${id}`, body),\n    deleteInbox: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `inboxes/${id}`),\n\n    // --- Inbox Messages ---\n    listInboxMessages: (idAccount: number, params: Record<string, string>) =>\n      request<InboxMessage[]>(\n        \"GET\",\n        idAccount,\n        \"inbox-messages\",\n        undefined,\n        params,\n      ),\n    sendMessage: (\n      idAccount: number,\n      body: {\n        id_inbox: number;\n        content: string;\n        content_type?: string;\n        source?: string;\n        direction: \"outbound\";\n      },\n    ) => request<InboxMessage>(\"POST\", idAccount, \"inbox-messages\", body),\n    revokeMessage: (idAccount: number, id: number) =>\n      request<void>(\"POST\", idAccount, `inbox-messages/${id}/revoke`),\n    editMessage: (idAccount: number, id: number, body: { content: string }) =>\n      request<void>(\"POST\", idAccount, `inbox-messages/${id}/edit`, body),\n\n    // --- Contacts ---\n    listContacts: (idAccount: number, params?: Record<string, string>) =>\n      request<Contact[]>(\"GET\", idAccount, \"contacts\", undefined, params),\n    getContact: (idAccount: number, id: number) =>\n      request<Contact>(\"GET\", idAccount, `contacts/${id}`),\n    createContact: (\n      idAccount: number,\n      body: Pick<Contact, \"name\"> &\n        Partial<Pick<Contact, \"phone_number\" | \"identifier\">>,\n    ) => request<Contact>(\"POST\", idAccount, \"contacts\", body),\n    updateContact: (\n      idAccount: number,\n      id: number,\n      body: Partial<Pick<Contact, \"name\" | \"phone_number\" | \"identifier\">>,\n    ) => request<Contact>(\"PUT\", idAccount, `contacts/${id}`, body),\n    deleteContact: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `contacts/${id}`),\n\n    // --- Channels ---\n    listChannels: (idAccount: number) =>\n      request<Channel[]>(\"GET\", idAccount, \"channels\"),\n    getChannel: (idAccount: number, id: number) =>\n      request<Channel>(\"GET\", idAccount, `channels/${id}`),\n    createChannel: (\n      idAccount: number,\n      body: Pick<Channel, \"name\" | \"type\" | \"provider\"> &\n        Partial<Pick<Channel, \"identifier\" | \"id_agent\">>,\n    ) => request<Channel>(\"POST\", idAccount, \"channels\", body),\n    updateChannel: (\n      idAccount: number,\n      id: number,\n      body: Partial<\n        Pick<Channel, \"name\" | \"identifier\" | \"status\" | \"id_agent\">\n      >,\n    ) => request<Channel>(\"PUT\", idAccount, `channels/${id}`, body),\n    deleteChannel: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `channels/${id}`),\n\n    // --- WhatsApp Channel Management ---\n    connectChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/connect`),\n    getChannelQR: async (\n      idAccount: number,\n      id: number,\n    ): Promise<string | null> => {\n      const url = buildUrl(idAccount, `channels/${id}/qr`);\n      const res = await fetch(url, {\n        headers: {\n          Accept: \"image/png\",\n          Authorization: `Bearer ${token}`,\n        },\n      });\n\n      if (!res.ok) return null;\n\n      const contentType = res.headers.get(\"content-type\") || \"\";\n      if (!contentType.includes(\"image/\")) return null;\n\n      const blob = await res.blob();\n      return new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onloadend = () => resolve(reader.result as string);\n        reader.onerror = () => reject(new Error(\"Failed to read QR image\"));\n        reader.readAsDataURL(blob);\n      });\n    },\n    getChannelWhatsappStatus: (idAccount: number, id: number) =>\n      request<WhatsappStatus>(\n        \"GET\",\n        idAccount,\n        `channels/${id}/whatsapp-status`,\n      ),\n    disconnectChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/disconnect`),\n    logoutChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/logout`),\n    provisionChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/provision`),\n  };\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { InboxMessage } from \"../types\";\n\n/**\n * Groups messages by date. Assumes messages are pre-sorted by datetime_add (ascending).\n */\nexport function groupMessagesByDate(\n  messages: InboxMessage[],\n): { date: string; messages: InboxMessage[] }[] {\n  const groups: { date: string; messages: InboxMessage[] }[] = [];\n  let currentDate = \"\";\n\n  for (const msg of messages) {\n    const dateStr = msg.datetime_add.split(\"T\")[0];\n    if (dateStr !== currentDate) {\n      currentDate = dateStr;\n      groups.push({ date: msg.datetime_add, messages: [] });\n    }\n    groups[groups.length - 1].messages.push(msg);\n  }\n\n  return groups;\n}\n","import { format, isToday, isYesterday } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\n\nexport function formatDateGroup(dateStr: string): string {\n  const date = new Date(dateStr);\n  if (isToday(date)) return \"Hoje\";\n  if (isYesterday(date)) return \"Ontem\";\n  return format(date, \"dd 'de' MMMM\", { locale: ptBR });\n}\n\nexport function formatMessageTime(dateStr: string): string {\n  return format(new Date(dateStr), \"HH:mm\");\n}\n","import { useMemo } from \"react\";\nimport { createGchatClient } from \"../client\";\n\n// ---------------------------------------------------------------------------\n// Hook Configuration\n// ---------------------------------------------------------------------------\n\nexport interface GchatHookConfig {\n  accountId: number;\n  token: string;\n  baseUrl: string;\n  language?: string;\n  idWl?: number;\n}\n\n// ---------------------------------------------------------------------------\n// Polling Defaults (ms)\n// ---------------------------------------------------------------------------\n\nexport const DEFAULT_INBOX_POLLING = 5000;\nexport const DEFAULT_MESSAGES_POLLING = 3000;\nexport const DEFAULT_CHANNEL_STATUS_POLLING = 5000;\nexport const DEFAULT_QR_POLLING = 2000;\n\n// ---------------------------------------------------------------------------\n// Internal helper — memoized client from config\n// ---------------------------------------------------------------------------\n\nexport function useGchatClient(config: GchatHookConfig) {\n  return useMemo(\n    () =>\n      createGchatClient({\n        baseUrl: config.baseUrl,\n        token: config.token,\n        language: config.language,\n        idWl: config.idWl,\n      }),\n    [config.baseUrl, config.token, config.language, config.idWl],\n  );\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Inbox, InboxStats } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_INBOX_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useInboxes(\n  config: GchatHookConfig,\n  statusFilter?: string,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inboxes\", config.accountId, statusFilter],\n    queryFn: () => {\n      const params: Record<string, string> = {};\n      if (statusFilter && statusFilter !== \"all\") {\n        params.status = statusFilter;\n      }\n      return client.listInboxes(config.accountId, params);\n    },\n    enabled: !!config.accountId && !!config.token,\n    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,\n    select: (res) => res.data || [],\n  });\n}\n\nexport function useInbox(config: GchatHookConfig, id: number | null) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inbox\", config.accountId, id],\n    queryFn: () => client.getInbox(config.accountId, id!),\n    enabled: !!config.accountId && !!config.token && !!id,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as Inbox;\n    },\n  });\n}\n\nexport function useInboxStats(\n  config: GchatHookConfig,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inbox-stats\", config.accountId],\n    queryFn: () => client.getInboxStats(config.accountId),\n    enabled: !!config.accountId && !!config.token,\n    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as InboxStats;\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: { id_channel: number; id_contact: number }) =>\n      client.createInbox(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: Partial<Pick<Inbox, \"status\" | \"id_agent\">>;\n    }) => client.updateInbox(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (id: number) => client.deleteInbox(config.accountId, id),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n","import { useMemo, useSyncExternalStore } from \"react\";\nimport { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { InboxMessage } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_MESSAGES_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Optimistic message store (module-level — survives server refetches)\n// ---------------------------------------------------------------------------\n\nconst optimisticStore = new Map<string, InboxMessage[]>();\nlet nextOptimisticId = -1;\n\n// useSyncExternalStore subscription — guarantees synchronous re-renders\nlet storeVersion = 0;\nconst listeners = new Set<() => void>();\n\nfunction subscribeStore(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction getStoreVersion() {\n  return storeVersion;\n}\n\nfunction storeKey(accountId: number, idInbox: number) {\n  return `${accountId}:${idInbox}`;\n}\n\nfunction getOptimistic(accountId: number, idInbox: number): InboxMessage[] {\n  return optimisticStore.get(storeKey(accountId, idInbox)) || [];\n}\n\nfunction setOptimistic(\n  accountId: number,\n  idInbox: number,\n  msgs: InboxMessage[],\n) {\n  const key = storeKey(accountId, idInbox);\n  if (msgs.length === 0) {\n    optimisticStore.delete(key);\n  } else {\n    optimisticStore.set(key, msgs);\n  }\n  storeVersion++;\n  listeners.forEach((fn) => fn());\n}\n\n/**\n * Silently clean up the store without notifying listeners (avoids render loops).\n * Used inside useMemo to remove optimistic messages confirmed by the server.\n */\nfunction cleanupOptimistic(\n  accountId: number,\n  idInbox: number,\n  msgs: InboxMessage[],\n) {\n  const key = storeKey(accountId, idInbox);\n  if (msgs.length === 0) {\n    optimisticStore.delete(key);\n  } else {\n    optimisticStore.set(key, msgs);\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Query\n// ---------------------------------------------------------------------------\n\nexport function useInboxMessages(\n  config: GchatHookConfig,\n  idInbox: number | null,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  // Subscribe to optimistic store — re-renders when store changes\n  const optimisticVersion = useSyncExternalStore(\n    subscribeStore,\n    getStoreVersion,\n    getStoreVersion,\n  );\n\n  const query = useQuery({\n    queryKey: [\"greatchat\", \"inbox-messages\", config.accountId, idInbox],\n    queryFn: () =>\n      client.listInboxMessages(config.accountId, {\n        id_inbox: String(idInbox!),\n        sort: \"datetime_add:asc\",\n        limit: \"100\",\n      }),\n    enabled: !!config.accountId && !!config.token && !!idInbox,\n    refetchInterval: pollingInterval ?? DEFAULT_MESSAGES_POLLING,\n    select: (res) => res.data || [],\n  });\n\n  // Merge server data with optimistic messages\n  const messages = useMemo(() => {\n    const serverMessages = query.data || [];\n    if (!config.accountId || !idInbox) return serverMessages;\n\n    const optimistic = getOptimistic(config.accountId, idInbox);\n    if (!optimistic.length) return serverMessages;\n\n    // Separate overrides (positive ID = retry) from new messages (negative ID = send)\n    const overrides = new Map<number, InboxMessage>();\n    const newOptimistic: InboxMessage[] = [];\n    for (const om of optimistic) {\n      if (om.id > 0) {\n        overrides.set(om.id, om);\n      } else {\n        newOptimistic.push(om);\n      }\n    }\n\n    // Apply overrides to server messages (replace in-place)\n    const merged =\n      overrides.size > 0\n        ? serverMessages.map((sm) => overrides.get(sm.id) ?? sm)\n        : serverMessages;\n\n    // Auto-cleanup: remove overrides when server no longer shows \"failed\"\n    if (overrides.size > 0) {\n      for (const [id] of overrides) {\n        const sm = serverMessages.find((s) => s.id === id);\n        if (sm && sm.status !== \"failed\") {\n          overrides.delete(id);\n        }\n      }\n    }\n\n    // One-to-one matching for new optimistic messages (negative IDs)\n    const stillNeeded: InboxMessage[] = [];\n    const claimed = new Set<number>();\n\n    for (const om of newOptimistic) {\n      // Always keep failed messages (until user retries or dismisses)\n      if (om.status === \"failed\") {\n        stillNeeded.push(om);\n        continue;\n      }\n\n      // Find a matching server message that hasn't been claimed yet\n      const matchIdx = merged.findIndex(\n        (sm, i) =>\n          !claimed.has(i) &&\n          sm.direction === \"outbound\" &&\n          sm.content === om.content &&\n          sm.content_type === om.content_type &&\n          sm.source === om.source,\n      );\n\n      if (matchIdx >= 0) {\n        claimed.add(matchIdx); // server confirmed this one\n      } else {\n        stillNeeded.push(om); // keep showing optimistic\n      }\n    }\n\n    // Silently clean up confirmed messages (no re-notification)\n    const allKept = [...Array.from(overrides.values()), ...stillNeeded];\n    if (allKept.length !== optimistic.length) {\n      cleanupOptimistic(config.accountId, idInbox, allKept);\n    }\n\n    // Sort by datetime to keep chronological order\n    const result = [...merged, ...stillNeeded];\n    result.sort(\n      (a, b) =>\n        new Date(a.datetime_add).getTime() -\n        new Date(b.datetime_add).getTime(),\n    );\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query.data, config.accountId, idInbox, optimisticVersion]);\n\n  return { ...query, data: messages };\n}\n\n// ---------------------------------------------------------------------------\n// Send mutation\n// ---------------------------------------------------------------------------\n\nexport function useSendMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({\n      idInbox,\n      content,\n    }: {\n      idInbox: number;\n      content: string;\n    }) => {\n      const result = await client.sendMessage(config.accountId, {\n        id_inbox: idInbox,\n        content,\n        content_type: \"text\",\n        source: \"agent\",\n        direction: \"outbound\",\n      });\n\n      if (result.status === 0) {\n        throw new Error(result.message || \"Erro desconhecido ao enviar\");\n      }\n\n      return result;\n    },\n\n    onMutate: (variables) => {\n      const msg: InboxMessage = {\n        id: nextOptimisticId--,\n        id_account: config.accountId,\n        id_inbox: variables.idInbox,\n        id_contact: null,\n        direction: \"outbound\",\n        content: variables.content,\n        content_type: \"text\",\n        content_url: null,\n        metadata: null,\n        external_id: null,\n        status: \"pending\",\n        source: \"agent\",\n        is_private: false,\n        datetime_add: new Date().toISOString(),\n        datetime_alt: null,\n      };\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(config.accountId, variables.idInbox, [...current, msg]);\n\n      return { optimisticMsg: msg };\n    },\n\n    onError: (error, variables, context) => {\n      if (!context) return;\n      const { optimisticMsg } = context;\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(\n        config.accountId,\n        variables.idInbox,\n        current.map((m) =>\n          m.id === optimisticMsg.id\n            ? { ...m, status: \"failed\" as const, _error: error.message }\n            : m,\n        ),\n      );\n    },\n\n    onSuccess: (_result, variables, context) => {\n      if (!context) return;\n      const { optimisticMsg } = context;\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(\n        config.accountId,\n        variables.idInbox,\n        current.filter((m) => m.id !== optimisticMsg.id),\n      );\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Retry failed message (updates in-place, same bubble transitions states)\n// ---------------------------------------------------------------------------\n\nexport function useRetryMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return async (message: InboxMessage) => {\n    if (!config.accountId || !config.token || !message.content) return;\n\n    // Add as override with status \"pending\"\n    const current = getOptimistic(config.accountId, message.id_inbox);\n    setOptimistic(config.accountId, message.id_inbox, [\n      ...current.filter((m) => m.id !== message.id),\n      {\n        ...message,\n        status: \"pending\" as const,\n        _error: undefined,\n        datetime_add: new Date().toISOString(),\n      },\n    ]);\n\n    try {\n      const result = await client.sendMessage(config.accountId, {\n        id_inbox: message.id_inbox,\n        content: message.content,\n        content_type: message.content_type,\n        source: \"agent\",\n        direction: \"outbound\",\n      });\n\n      if (result.status === 0) {\n        throw new Error(result.message || \"Erro desconhecido ao enviar\");\n      }\n\n      const after = getOptimistic(config.accountId, message.id_inbox);\n      setOptimistic(\n        config.accountId,\n        message.id_inbox,\n        after.filter((m) => m.id !== message.id),\n      );\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          message.id_inbox,\n        ],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"Erro ao enviar mensagem\";\n      const after = getOptimistic(config.accountId, message.id_inbox);\n      setOptimistic(\n        config.accountId,\n        message.id_inbox,\n        after.map((m) =>\n          m.id === message.id\n            ? { ...m, status: \"failed\" as const, _error: errorMessage }\n            : m,\n        ),\n      );\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Revoke message\n// ---------------------------------------------------------------------------\n\nexport function useRevokeMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({ id }: { id: number; idInbox: number }) =>\n      client.revokeMessage(config.accountId, id),\n    onSuccess: (_data, variables) => {\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Edit message\n// ---------------------------------------------------------------------------\n\nexport function useEditMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({\n      id,\n      content,\n    }: {\n      id: number;\n      idInbox: number;\n      content: string;\n    }) => client.editMessage(config.accountId, id, { content }),\n    onSuccess: (_data, variables) => {\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n    },\n  });\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Contact } from \"../types\";\nimport { type GchatHookConfig, useGchatClient } from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useContacts(\n  config: GchatHookConfig,\n  params?: Record<string, string>,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"contacts\", config.accountId, params],\n    queryFn: () => client.listContacts(config.accountId, params),\n    enabled: !!config.accountId && !!config.token,\n    select: (res) => ({ data: res.data || [], total: res.total || 0 }),\n  });\n}\n\nexport function useGetContact(\n  config: GchatHookConfig,\n  contactId: number | null,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"contact\", config.accountId, contactId],\n    queryFn: () => client.getContact(config.accountId, contactId!),\n    enabled: !!config.accountId && !!config.token && !!contactId,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as Contact;\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: {\n      name: string;\n      phone_number?: string;\n      identifier?: string;\n    }) => client.createContact(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: { name?: string; phone_number?: string; identifier?: string };\n    }) => client.updateContact(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (id: number) => client.deleteContact(config.accountId, id),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Channel, WhatsappStatus } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_CHANNEL_STATUS_POLLING,\n  DEFAULT_QR_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useChannels(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channels\", config.accountId],\n    queryFn: () => client.listChannels(config.accountId),\n    enabled: !!config.accountId && !!config.token,\n    select: (res) => res.data || [],\n  });\n}\n\nexport function useChannelWhatsappStatus(\n  config: GchatHookConfig,\n  channelId: number | null,\n  enabled = true,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channel-status\", config.accountId, channelId],\n    queryFn: () =>\n      client.getChannelWhatsappStatus(config.accountId, channelId!),\n    enabled: !!config.accountId && !!config.token && !!channelId && enabled,\n    refetchInterval: pollingInterval ?? DEFAULT_CHANNEL_STATUS_POLLING,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as WhatsappStatus;\n    },\n  });\n}\n\nexport function useChannelQR(\n  config: GchatHookConfig,\n  channelId: number | null,\n  enabled = false,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channel-qr\", config.accountId, channelId],\n    queryFn: () => client.getChannelQR(config.accountId, channelId!),\n    enabled: !!config.accountId && !!config.token && !!channelId && enabled,\n    refetchInterval: pollingInterval ?? DEFAULT_QR_POLLING,\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (\n      body: Pick<Channel, \"name\" | \"type\" | \"provider\"> &\n        Partial<Pick<Channel, \"identifier\" | \"id_agent\">>,\n    ) => client.createChannel(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: Partial<\n        Pick<Channel, \"name\" | \"identifier\" | \"status\" | \"id_agent\">\n      >;\n    }) => client.updateChannel(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.deleteChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useConnectChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.connectChannel(config.accountId, channelId),\n  });\n}\n\nexport function useDisconnectChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.disconnectChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channel-status\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useLogoutChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.logoutChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channel-status\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n","import { useRef, useEffect } from \"react\";\nimport type { InboxMessage } from \"../types\";\nimport { groupMessagesByDate } from \"../utils/group-messages\";\nimport { formatDateGroup } from \"../utils/format-date\";\nimport { MessageBubble } from \"./message-bubble\";\nimport { ChatInput } from \"./chat-input\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\n\nexport interface ChatViewProps {\n  messages: InboxMessage[];\n  isLoading: boolean;\n  inboxStatus?: string;\n  onStatusChange?: (status: string) => void;\n  onSend: (content: string) => void;\n  onRetry?: (message: InboxMessage) => void;\n  onRevoke?: (message: InboxMessage) => void;\n  onEdit?: (message: InboxMessage, newContent: string) => void;\n  sendDisabled?: boolean;\n  renderHeader?: React.ReactNode;\n  renderStatusDropdown?: React.ReactNode;\n}\n\nexport function ChatView({\n  messages,\n  isLoading,\n  inboxStatus,\n  onStatusChange,\n  onSend,\n  onRetry,\n  onRevoke,\n  onEdit,\n  sendDisabled,\n  renderHeader,\n  renderStatusDropdown,\n}: ChatViewProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const prevMessageCount = useRef(0);\n\n  useEffect(() => {\n    if (messages && messages.length > prevMessageCount.current) {\n      const el = scrollRef.current;\n      if (el) {\n        setTimeout(() => {\n          el.scrollTop = el.scrollHeight;\n        }, 50);\n      }\n    }\n    prevMessageCount.current = messages?.length || 0;\n  }, [messages]);\n\n  const groups = messages ? groupMessagesByDate(messages) : [];\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Header */}\n      {renderHeader !== undefined ? (\n        renderHeader\n      ) : (\n        <div className=\"flex items-center justify-between border-b px-4 py-3\">\n          <div className=\"flex-1\" />\n          {renderStatusDropdown !== undefined ? (\n            renderStatusDropdown\n          ) : onStatusChange ? (\n            <Select\n              value={inboxStatus}\n              onValueChange={onStatusChange}\n            >\n              <SelectTrigger className=\"w-[130px] h-8 text-xs\">\n                <SelectValue placeholder=\"Status\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"open\">Aberta</SelectItem>\n                <SelectItem value=\"pending\">Pendente</SelectItem>\n                <SelectItem value=\"resolved\">Resolvida</SelectItem>\n              </SelectContent>\n            </Select>\n          ) : null}\n        </div>\n      )}\n\n      {/* Messages */}\n      <div ref={scrollRef} className=\"flex-1 overflow-y-auto p-4\">\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div\n                key={i}\n                className={`flex ${i % 2 === 0 ? \"justify-start\" : \"justify-end\"}`}\n              >\n                <Skeleton className=\"h-12 w-64 rounded-lg\" />\n              </div>\n            ))}\n          </div>\n        ) : groups.length === 0 ? (\n          <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n            Nenhuma mensagem ainda\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {groups.map((group, gi) => (\n              <div key={gi}>\n                <div className=\"mb-3 flex justify-center\">\n                  <span className=\"rounded-full bg-muted px-3 py-1 text-[11px] text-muted-foreground\">\n                    {formatDateGroup(group.date)}\n                  </span>\n                </div>\n                <div className=\"space-y-1\">\n                  {group.messages.map((msg) => (\n                    <MessageBubble\n                      key={msg.id}\n                      message={msg}\n                      onRetry={onRetry}\n                      onRevoke={onRevoke}\n                      onEdit={onEdit}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Input */}\n      <ChatInput onSend={onSend} disabled={sendDisabled} />\n    </div>\n  );\n}\n","import { useState } from \"react\";\nimport type { InboxMessage } from \"../types\";\nimport { cn } from \"../lib/utils\";\nimport { formatMessageTime } from \"../utils/format-date\";\nimport {\n  Check,\n  CheckCheck,\n  AlertCircle,\n  Clock,\n  Video,\n  File,\n  MapPin,\n  Headphones,\n  RotateCcw,\n  MoreHorizontal,\n  Trash2,\n  Pencil,\n  Ban,\n} from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"./ui/dropdown-menu\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"./ui/alert-dialog\";\nimport { Button } from \"./ui/button\";\nimport { Textarea } from \"./ui/textarea\";\n\nconst statusIcons: Record<string, React.ReactNode> = {\n  pending: <Clock className=\"h-3 w-3 animate-pulse\" />,\n  sent: <Check className=\"h-3 w-3\" />,\n  delivered: <CheckCheck className=\"h-3 w-3\" />,\n  read: <CheckCheck className=\"h-3 w-3 text-blue-500\" />,\n  failed: <AlertCircle className=\"h-3 w-3 text-destructive\" />,\n};\n\nfunction parseMetadata(metadata: string | null): Record<string, unknown> {\n  if (!metadata) return {};\n  try {\n    return JSON.parse(metadata);\n  } catch {\n    return {};\n  }\n}\n\nfunction MediaContent({ message }: { message: InboxMessage }) {\n  switch (message.content_type) {\n    case \"image\":\n      return (\n        <div className=\"space-y-1\">\n          {message.content_url && (\n            <img\n              src={message.content_url}\n              alt=\"Imagem\"\n              className=\"max-w-[240px] rounded-md\"\n            />\n          )}\n          {message.content && <p className=\"text-sm\">{message.content}</p>}\n        </div>\n      );\n    case \"audio\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <Headphones className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Mensagem de áudio</span>\n        </div>\n      );\n    case \"video\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <Video className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Vídeo</span>\n          {message.content && <p className=\"text-sm\">{message.content}</p>}\n        </div>\n      );\n    case \"document\": {\n      const meta = parseMetadata(message.metadata);\n      return (\n        <div className=\"flex items-center gap-2\">\n          <File className=\"h-4 w-4\" />\n          <span className=\"text-sm\">\n            {(meta.filename as string) || \"Documento\"}\n          </span>\n        </div>\n      );\n    }\n    case \"location\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <MapPin className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Localização</span>\n        </div>\n      );\n    default:\n      return null;\n  }\n}\n\nexport interface MessageBubbleProps {\n  message: InboxMessage;\n  onRetry?: (message: InboxMessage) => void;\n  onRevoke?: (message: InboxMessage) => void;\n  onEdit?: (message: InboxMessage, newContent: string) => void;\n  renderActions?: (message: InboxMessage) => React.ReactNode;\n}\n\nexport function MessageBubble({\n  message,\n  onRetry,\n  onRevoke,\n  onEdit,\n  renderActions,\n}: MessageBubbleProps) {\n  const [showRevokeDialog, setShowRevokeDialog] = useState(false);\n  const [editing, setEditing] = useState(false);\n  const [editContent, setEditContent] = useState(message.content || \"\");\n\n  const isOutbound = message.direction === \"outbound\";\n  const isPending = message.status === \"pending\";\n  const isFailed = message.status === \"failed\";\n  const time = formatMessageTime(message.datetime_add);\n\n  const meta = parseMetadata(message.metadata);\n  const isRevoked = meta.revoked === true;\n  const isEdited = meta.edited === true;\n\n  const agentLabel =\n    isOutbound && message.source !== \"contact\"\n      ? (meta.agent_name as string) ||\n        (message.source === \"bot\" ? \"Bot\" : \"Agente\")\n      : null;\n\n  const canAct =\n    isOutbound &&\n    message.id > 0 &&\n    !isPending &&\n    !isFailed &&\n    !isRevoked &&\n    !!message.external_id;\n\n  const canEdit = canAct && message.content_type === \"text\";\n\n  function handleSaveEdit() {\n    const trimmed = editContent.trim();\n    if (!trimmed || trimmed === message.content) {\n      setEditing(false);\n      return;\n    }\n    onEdit?.(message, trimmed);\n    setEditing(false);\n  }\n\n  if (isRevoked) {\n    return (\n      <div\n        className={cn(\"flex\", isOutbound ? \"justify-end\" : \"justify-start\")}\n      >\n        <div className=\"max-w-[75%]\">\n          <div\n            className={cn(\n              \"rounded-lg px-3 py-2\",\n              isOutbound ? \"bg-primary/40\" : \"bg-muted/60\",\n            )}\n          >\n            <div className=\"flex items-center gap-1.5\">\n              <Ban\n                className={cn(\n                  \"h-3.5 w-3.5\",\n                  isOutbound\n                    ? \"text-primary-foreground/50\"\n                    : \"text-muted-foreground\",\n                )}\n              />\n              <p\n                className={cn(\n                  \"text-sm italic\",\n                  isOutbound\n                    ? \"text-primary-foreground/50\"\n                    : \"text-muted-foreground\",\n                )}\n              >\n                Mensagem apagada\n              </p>\n            </div>\n            <div\n              className={cn(\n                \"mt-1 flex items-center justify-end gap-1\",\n                isOutbound\n                  ? \"text-primary-foreground/40\"\n                  : \"text-muted-foreground/60\",\n              )}\n            >\n              <span className=\"text-[10px]\">{time}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex group\",\n        isOutbound ? \"justify-end\" : \"justify-start\",\n      )}\n    >\n      <div className=\"max-w-[75%] relative\">\n        {canAct && (\n          <div className=\"absolute -top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity z-10\">\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button className=\"h-6 w-6 rounded-full bg-background/80 shadow-sm flex items-center justify-center hover:bg-background\">\n                  <MoreHorizontal className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\" className=\"w-40\">\n                {canEdit && (\n                  <DropdownMenuItem\n                    onSelect={(e) => {\n                      e.preventDefault();\n                      setEditing(true);\n                      setEditContent(message.content || \"\");\n                    }}\n                  >\n                    <Pencil className=\"h-4 w-4 mr-2\" />\n                    Editar\n                  </DropdownMenuItem>\n                )}\n                <DropdownMenuItem\n                  onSelect={(e) => {\n                    e.preventDefault();\n                    setShowRevokeDialog(true);\n                  }}\n                  className=\"text-destructive focus:text-destructive\"\n                >\n                  <Trash2 className=\"h-4 w-4 mr-2\" />\n                  Apagar para todos\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n        )}\n\n        {renderActions?.(message)}\n\n        <div\n          className={cn(\n            \"rounded-lg px-3 py-2\",\n            isOutbound ? \"bg-primary text-primary-foreground\" : \"bg-muted\",\n            isPending && \"opacity-70\",\n            isFailed && \"bg-destructive/10 border border-destructive/30\",\n          )}\n        >\n          {agentLabel && (\n            <p\n              className={cn(\n                \"mb-0.5 text-[10px] font-medium\",\n                isFailed\n                  ? \"text-destructive/70\"\n                  : isOutbound\n                    ? \"text-primary-foreground/70\"\n                    : \"text-muted-foreground\",\n              )}\n            >\n              {agentLabel}\n            </p>\n          )}\n\n          {editing ? (\n            <div className=\"space-y-2\">\n              <Textarea\n                value={editContent}\n                onChange={(e) => setEditContent(e.target.value)}\n                rows={2}\n                className=\"min-h-[36px] max-h-[120px] resize-none bg-background text-foreground text-sm\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" && !e.shiftKey) {\n                    e.preventDefault();\n                    handleSaveEdit();\n                  }\n                  if (e.key === \"Escape\") {\n                    setEditing(false);\n                  }\n                }}\n              />\n              <div className=\"flex justify-end gap-1.5\">\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  className=\"h-6 text-xs px-2\"\n                  onClick={() => setEditing(false)}\n                >\n                  Cancelar\n                </Button>\n                <Button\n                  size=\"sm\"\n                  className=\"h-6 text-xs px-2\"\n                  onClick={handleSaveEdit}\n                  disabled={\n                    !editContent.trim() ||\n                    editContent.trim() === message.content\n                  }\n                >\n                  Salvar\n                </Button>\n              </div>\n            </div>\n          ) : message.content_type === \"text\" ? (\n            <p\n              className={cn(\n                \"text-sm whitespace-pre-wrap break-words\",\n                isFailed && \"text-foreground\",\n              )}\n            >\n              {message.content}\n            </p>\n          ) : (\n            <MediaContent message={message} />\n          )}\n\n          {!editing && (\n            <div\n              className={cn(\n                \"mt-1 flex items-center justify-end gap-1\",\n                isFailed\n                  ? \"text-destructive\"\n                  : isOutbound\n                    ? \"text-primary-foreground/60\"\n                    : \"text-muted-foreground\",\n              )}\n            >\n              {isEdited && (\n                <span className=\"text-[10px] italic\">editada</span>\n              )}\n              <span className=\"text-[10px]\">{time}</span>\n              {isOutbound && statusIcons[message.status]}\n            </div>\n          )}\n        </div>\n\n        {isFailed && (\n          <div className=\"mt-1 flex items-center gap-1.5 justify-end px-1\">\n            <AlertCircle className=\"h-3 w-3 shrink-0 text-destructive\" />\n            <span className=\"text-[11px] text-destructive\">\n              {message._error || \"Erro ao enviar\"}\n            </span>\n            {onRetry && (\n              <button\n                onClick={() => onRetry(message)}\n                className=\"inline-flex items-center gap-0.5 text-[11px] text-destructive font-medium hover:text-destructive/80 hover:underline cursor-pointer ml-1\"\n              >\n                <RotateCcw className=\"h-3 w-3\" />\n                Reenviar\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n\n      <AlertDialog open={showRevokeDialog} onOpenChange={setShowRevokeDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Apagar mensagem?</AlertDialogTitle>\n            <AlertDialogDescription>\n              A mensagem será apagada para todos no WhatsApp. Ela continuará\n              visível aqui como &quot;mensagem apagada&quot;.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancelar</AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n              onClick={() => onRevoke?.(message)}\n            >\n              Apagar para todos\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { Check, ChevronRight } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"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 cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex items-center justify-center pointer-events-none\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ml-auto\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 z-50 overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n","import * as React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"grid gap-1.5 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Partial<Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Partial<Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 shadow-xs\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:bg-destructive/20 text-destructive\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 gap-1.5 px-2.5\",\n        xs: \"h-6 gap-1 px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-2.5\",\n        lg: \"h-10 gap-1.5 px-2.5\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","import { useState, useRef } from \"react\";\nimport { Send } from \"lucide-react\";\nimport { Button } from \"./ui/button\";\nimport { Textarea } from \"./ui/textarea\";\n\nexport interface ChatInputProps {\n  onSend: (content: string) => void;\n  disabled?: boolean;\n}\n\nexport function ChatInput({ onSend, disabled }: ChatInputProps) {\n  const [content, setContent] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  function handleSend() {\n    const text = content.trim();\n    if (!text || disabled) return;\n\n    setContent(\"\");\n    onSend(text);\n    textareaRef.current?.focus();\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  }\n\n  return (\n    <div className=\"border-t p-3\">\n      <div className=\"flex items-end gap-2\">\n        <Textarea\n          ref={textareaRef}\n          placeholder=\"Digite uma mensagem...\"\n          value={content}\n          onChange={(e) => setContent(e.target.value)}\n          onKeyDown={handleKeyDown}\n          rows={1}\n          className=\"min-h-[40px] max-h-[120px] resize-none\"\n        />\n        <Button\n          size=\"icon\"\n          onClick={handleSend}\n          disabled={!content.trim() || disabled}\n          className=\"shrink-0\"\n        >\n          <Send className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import { cn } from \"../../lib/utils\";\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-muted rounded-md animate-pulse\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n","import * as React from \"react\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\nimport { Check, ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronsUpDown className=\"text-muted-foreground size-4 pointer-events-none\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"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\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"pointer-events-none\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUp />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDown />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectTrigger,\n  SelectValue,\n};\n","import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n","import { Avatar, AvatarFallback } from \"./ui/avatar\";\nimport { cn } from \"../lib/utils\";\n\nconst COLORS = [\n  \"bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300\",\n  \"bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300\",\n  \"bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300\",\n  \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300\",\n  \"bg-cyan-100 text-cyan-700 dark:bg-cyan-900 dark:text-cyan-300\",\n  \"bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300\",\n  \"bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300\",\n  \"bg-pink-100 text-pink-700 dark:bg-pink-900 dark:text-pink-300\",\n];\n\nconst SIZE_MAP = {\n  sm: \"h-8 w-8 text-xs\",\n  md: \"h-10 w-10 text-xs\",\n  lg: \"h-16 w-16 text-lg\",\n} as const;\n\nfunction hashCode(str: string): number {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return Math.abs(hash);\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n  }\n  return (name[0] || \"?\").toUpperCase();\n}\n\nexport interface ContactAvatarProps {\n  name: string | null;\n  className?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function ContactAvatar({\n  name,\n  className,\n  size = \"md\",\n}: ContactAvatarProps) {\n  const displayName = name || \"?\";\n  const color = COLORS[hashCode(displayName) % COLORS.length];\n  const initials = getInitials(displayName);\n\n  return (\n    <Avatar className={cn(SIZE_MAP[size], className)}>\n      <AvatarFallback className={cn(\"font-medium\", color)}>\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n","import { useState } from \"react\";\nimport type { Inbox } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport { Badge } from \"./ui/badge\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./ui/tooltip\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"./ui/alert-dialog\";\nimport { formatDistanceToNow } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { Trash2 } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nconst statusColors: Record<string, string> = {\n  open: \"bg-green-500/10 text-green-600 border-green-200\",\n  pending: \"bg-yellow-500/10 text-yellow-600 border-yellow-200\",\n  resolved: \"bg-zinc-500/10 text-zinc-500 border-zinc-200\",\n};\n\nconst statusLabels: Record<string, string> = {\n  open: \"Aberta\",\n  pending: \"Pendente\",\n  resolved: \"Resolvida\",\n};\n\nexport interface InboxItemProps {\n  inbox: Inbox;\n  isSelected: boolean;\n  onClick: () => void;\n  onDelete?: (id: number) => void;\n  renderActions?: (inbox: Inbox) => React.ReactNode;\n}\n\nexport function InboxItem({\n  inbox,\n  isSelected,\n  onClick,\n  onDelete,\n  renderActions,\n}: InboxItemProps) {\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n\n  const timestamp = inbox.last_message_at || inbox.datetime_add;\n  const timeAgo = formatDistanceToNow(new Date(timestamp), {\n    addSuffix: true,\n    locale: ptBR,\n  });\n\n  const lastMessage =\n    inbox.last_message_content_type === \"text\"\n      ? inbox.last_message_content\n      : inbox.last_message_content_type\n        ? `[${inbox.last_message_content_type}]`\n        : null;\n\n  const directionPrefix =\n    inbox.last_message_direction === \"outbound\" ? \"Você: \" : \"\";\n\n  return (\n    <>\n      <div\n        className={cn(\n          \"flex w-full items-start gap-3 rounded-md p-3 text-left transition-colors hover:bg-accent group relative cursor-pointer\",\n          isSelected && \"bg-accent\",\n        )}\n        onClick={onClick}\n      >\n        <ContactAvatar\n          name={inbox.contact_name}\n          className=\"mt-0.5\"\n          size=\"md\"\n        />\n\n        <div className=\"flex-1 overflow-hidden\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"truncate font-medium text-sm\">\n              {inbox.contact_name || \"Desconhecido\"}\n            </span>\n            <div className=\"flex items-center gap-1 shrink-0\">\n              <span className=\"text-xs text-muted-foreground\">{timeAgo}</span>\n              {renderActions?.(inbox)}\n              {onDelete && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      className=\"h-5 w-5 rounded flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-muted text-destructive\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setShowDeleteDialog(true);\n                      }}\n                    >\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent>Excluir conversa</TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between gap-2 mt-0.5\">\n            <p className=\"truncate text-xs text-muted-foreground\">\n              {lastMessage\n                ? `${directionPrefix}${lastMessage}`\n                : \"Sem mensagens\"}\n            </p>\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                \"shrink-0 text-[10px] px-1.5 py-0\",\n                statusColors[inbox.status],\n              )}\n            >\n              {statusLabels[inbox.status] || inbox.status}\n            </Badge>\n          </div>\n        </div>\n      </div>\n\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Excluir conversa?</AlertDialogTitle>\n            <AlertDialogDescription>\n              A conversa com {inbox.contact_name || \"este contato\"} será removida\n              da lista. As mensagens não serão apagadas do WhatsApp.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancelar</AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n              onClick={() => onDelete?.(inbox.id)}\n            >\n              Excluir\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst badgeVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground\",\n        destructive:\n          \"bg-destructive/10 text-destructive dark:bg-destructive/20\",\n        outline: \"border-border text-foreground\",\n        ghost: \"hover:bg-muted hover:text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { useState, useMemo } from \"react\";\nimport type { Inbox } from \"../types\";\nimport { InboxItem } from \"./inbox-item\";\nimport { Input } from \"./ui/input\";\nimport { Tabs, TabsList, TabsTrigger } from \"./ui/tabs\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { ScrollArea } from \"./ui/scroll-area\";\nimport { Search, Plus, Inbox as InboxIcon } from \"lucide-react\";\n\nconst STATUS_TABS = [\n  { value: \"all\", label: \"Todas\" },\n  { value: \"open\", label: \"Abertas\" },\n  { value: \"pending\", label: \"Pendentes\" },\n  { value: \"resolved\", label: \"Resolvidas\" },\n];\n\nexport interface InboxSidebarProps {\n  inboxes: Inbox[] | undefined;\n  isLoading: boolean;\n  selectedInboxId: number | null;\n  onSelectInbox: (inbox: Inbox) => void;\n  onDeleteInbox?: (id: number) => void;\n  onCreateInbox?: () => void;\n  filterChannelId?: number | null;\n  renderHeader?: React.ReactNode;\n  renderFooter?: React.ReactNode;\n}\n\nexport function InboxSidebar({\n  inboxes,\n  isLoading,\n  selectedInboxId,\n  onSelectInbox,\n  onDeleteInbox,\n  onCreateInbox,\n  filterChannelId,\n  renderHeader,\n  renderFooter,\n}: InboxSidebarProps) {\n  const [search, setSearch] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState(\"all\");\n\n  const filtered = useMemo(() => {\n    if (!inboxes) return [];\n    let list = inboxes;\n\n    if (filterChannelId != null) {\n      list = list.filter((i) => i.id_channel === filterChannelId);\n    }\n\n    if (statusFilter !== \"all\") {\n      list = list.filter((i) => i.status === statusFilter);\n    }\n\n    if (search) {\n      const q = search.toLowerCase();\n      list = list.filter(\n        (i) =>\n          i.contact_name?.toLowerCase().includes(q) ||\n          i.contact_phone?.toLowerCase().includes(q) ||\n          i.contact_identifier?.toLowerCase().includes(q) ||\n          i.last_message_content?.toLowerCase().includes(q),\n      );\n    }\n\n    return [...list].sort((a, b) => {\n      const dateA = a.last_message_at || a.datetime_add;\n      const dateB = b.last_message_at || b.datetime_add;\n      return new Date(dateB).getTime() - new Date(dateA).getTime();\n    });\n  }, [inboxes, statusFilter, search, filterChannelId]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {renderHeader}\n\n      <div className=\"flex flex-col gap-3 p-3\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            <Input\n              placeholder=\"Buscar...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9 h-8 text-sm\"\n            />\n          </div>\n          {onCreateInbox && (\n            <Button\n              size=\"icon\"\n              className=\"h-8 w-8 shrink-0\"\n              onClick={onCreateInbox}\n            >\n              <Plus className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n        <Tabs value={statusFilter} onValueChange={setStatusFilter}>\n          <TabsList className=\"w-full\">\n            {STATUS_TABS.map((tab) => (\n              <TabsTrigger\n                key={tab.value}\n                value={tab.value}\n                className=\"flex-1 text-xs\"\n              >\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      </div>\n\n      <ScrollArea className=\"flex-1 px-2\">\n        {isLoading ? (\n          <div className=\"space-y-2 p-2\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"flex items-center gap-3 p-3\">\n                <Skeleton className=\"h-10 w-10 rounded-full shrink-0\" />\n                <div className=\"flex-1 space-y-1.5\">\n                  <Skeleton className=\"h-4 w-28\" />\n                  <Skeleton className=\"h-3 w-40\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : filtered.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-2 py-8 text-sm text-muted-foreground\">\n            <InboxIcon className=\"h-8 w-8 opacity-50\" />\n            Nenhuma conversa encontrada\n          </div>\n        ) : (\n          filtered.map((inbox) => (\n            <InboxItem\n              key={inbox.id}\n              inbox={inbox}\n              isSelected={inbox.id === selectedInboxId}\n              onClick={() => onSelectInbox(inbox)}\n              onDelete={onDeleteInbox}\n            />\n          ))\n        )}\n      </ScrollArea>\n\n      {renderFooter}\n    </div>\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n","import * as React from \"react\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit] [&>div]:!block\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-bar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-border\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n","import * as React from \"react\";\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n","import type { Contact } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { Separator } from \"./ui/separator\";\nimport {\n  X,\n  Phone,\n  Fingerprint,\n  Calendar,\n  CalendarClock,\n  Hash,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { cn } from \"../lib/utils\";\n\nfunction InfoRow({\n  icon: Icon,\n  label,\n  value,\n}: {\n  icon: React.ElementType;\n  label: string;\n  value: string | null | undefined;\n}) {\n  if (!value) return null;\n  return (\n    <div className=\"flex items-start gap-3 py-2\">\n      <Icon className=\"h-4 w-4 text-muted-foreground mt-0.5 shrink-0\" />\n      <div className=\"min-w-0\">\n        <p className=\"text-xs text-muted-foreground\">{label}</p>\n        <p className=\"text-sm break-all\">{value}</p>\n      </div>\n    </div>\n  );\n}\n\nexport interface ContactInfoPanelProps {\n  contact: Contact | null;\n  isLoading?: boolean;\n  onClose?: () => void;\n  className?: string;\n}\n\nexport function ContactInfoPanel({\n  contact,\n  isLoading,\n  onClose,\n  className,\n}: ContactInfoPanelProps) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full w-[320px] shrink-0 flex-col border-l\",\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b px-4 py-3\">\n        <span className=\"text-sm font-medium\">Informações do contato</span>\n        {onClose && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7\"\n            onClick={onClose}\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto p-4\">\n        {isLoading ? (\n          <div className=\"flex flex-col items-center gap-3 pt-4\">\n            <Skeleton className=\"h-16 w-16 rounded-full\" />\n            <Skeleton className=\"h-5 w-32\" />\n            <Skeleton className=\"h-4 w-24\" />\n          </div>\n        ) : contact ? (\n          <>\n            {/* Avatar + Name */}\n            <div className=\"flex flex-col items-center gap-2 pb-4\">\n              <ContactAvatar name={contact.name} size=\"lg\" />\n              <h3 className=\"text-base font-medium text-center\">\n                {contact.name || \"Desconhecido\"}\n              </h3>\n            </div>\n\n            <Separator />\n\n            {/* Details */}\n            <div className=\"mt-3 space-y-1\">\n              <InfoRow icon={Hash} label=\"ID\" value={contact.id?.toString()} />\n              <InfoRow\n                icon={Phone}\n                label=\"Telefone\"\n                value={contact.phone_number}\n              />\n              <InfoRow\n                icon={Fingerprint}\n                label=\"Identificador\"\n                value={contact.identifier}\n              />\n              <InfoRow\n                icon={Calendar}\n                label=\"Criado em\"\n                value={\n                  contact.datetime_add\n                    ? format(\n                        new Date(contact.datetime_add),\n                        \"dd/MM/yyyy 'às' HH:mm\",\n                        { locale: ptBR },\n                      )\n                    : null\n                }\n              />\n              <InfoRow\n                icon={CalendarClock}\n                label=\"Atualizado em\"\n                value={\n                  contact.datetime_alt\n                    ? format(\n                        new Date(contact.datetime_alt),\n                        \"dd/MM/yyyy 'às' HH:mm\",\n                        { locale: ptBR },\n                      )\n                    : null\n                }\n              />\n            </div>\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n","import { useState, useCallback, useEffect } from \"react\";\nimport type { Contact, Channel, Inbox } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"./ui/dialog\";\nimport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n} from \"./ui/command\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\nimport { Button } from \"./ui/button\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface NewConversationDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  contacts: Contact[];\n  channels: Channel[];\n  existingInboxes?: Inbox[];\n  onCreateInbox: (contactId: number, channelId: number) => void;\n  isCreating?: boolean;\n  onCreated?: (inboxId: number) => void;\n}\n\nexport function NewConversationDialog({\n  open,\n  onOpenChange,\n  contacts,\n  channels,\n  existingInboxes,\n  onCreateInbox,\n  isCreating,\n  onCreated,\n}: NewConversationDialogProps) {\n  const [selectedContact, setSelectedContact] = useState<Contact | null>(null);\n  const [selectedChannelId, setSelectedChannelId] = useState<number | null>(\n    null,\n  );\n\n  // Auto-select first channel if only one available\n  const effectiveChannelId =\n    selectedChannelId ?? (channels.length === 1 ? channels[0]?.id : null);\n\n  // Reset state when dialog closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedContact(null);\n      setSelectedChannelId(null);\n    }\n  }, [open]);\n\n  const handleCreate = useCallback(() => {\n    if (!selectedContact || !effectiveChannelId) return;\n\n    // Dedup check\n    if (existingInboxes) {\n      const existing = existingInboxes.find(\n        (i) =>\n          i.id_contact === selectedContact.id &&\n          i.id_channel === effectiveChannelId,\n      );\n      if (existing) {\n        onCreated?.(existing.id);\n        onOpenChange(false);\n        return;\n      }\n    }\n\n    onCreateInbox(selectedContact.id, effectiveChannelId);\n  }, [\n    selectedContact,\n    effectiveChannelId,\n    existingInboxes,\n    onCreateInbox,\n    onCreated,\n    onOpenChange,\n  ]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md p-0 gap-0\">\n        <DialogHeader className=\"px-4 pt-4 pb-2\">\n          <DialogTitle>Nova conversa</DialogTitle>\n          <DialogDescription>\n            Selecione um contato para iniciar uma conversa\n          </DialogDescription>\n        </DialogHeader>\n\n        {channels.length > 1 && (\n          <div className=\"px-4 pb-2\">\n            <Select\n              value={selectedChannelId?.toString() ?? \"\"}\n              onValueChange={(v) => setSelectedChannelId(Number(v))}\n            >\n              <SelectTrigger className=\"h-9\">\n                <SelectValue placeholder=\"Selecione um canal\" />\n              </SelectTrigger>\n              <SelectContent>\n                {channels.map((ch) => (\n                  <SelectItem key={ch.id} value={ch.id.toString()}>\n                    {ch.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n\n        <Command className=\"rounded-none border-none shadow-none\">\n          <div className=\"px-2\">\n            <CommandInput placeholder=\"Buscar contato...\" />\n          </div>\n          <CommandList className=\"max-h-64 px-2\">\n            <CommandEmpty>Nenhum contato encontrado</CommandEmpty>\n            <CommandGroup>\n              {contacts.map((contact) => (\n                <CommandItem\n                  key={contact.id}\n                  value={`${contact.name} ${contact.phone_number || \"\"}`}\n                  onSelect={() => setSelectedContact(contact)}\n                  data-checked={selectedContact?.id === contact.id}\n                  className=\"gap-3\"\n                >\n                  <ContactAvatar name={contact.name} size=\"sm\" />\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium\">\n                      {contact.name}\n                    </p>\n                    <p className=\"truncate text-xs text-muted-foreground\">\n                      {contact.phone_number ||\n                        contact.identifier ||\n                        \"Sem telefone\"}\n                    </p>\n                  </div>\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n\n        <DialogFooter className=\"px-4 py-3 border-t\">\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancelar\n          </Button>\n          <Button\n            disabled={!selectedContact || !effectiveChannelId || isCreating}\n            onClick={handleCreate}\n          >\n            {isCreating && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            Iniciar conversa\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <X className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n","import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div className=\"flex h-9 items-center gap-2 border-b px-3\" data-slot=\"command-input-wrapper\">\n      <Search className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n};\n"],"mappings":"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","names":["useMemo","useQuery","useMutation","useQueryClient","useQuery","useMemo","useQueryClient","useMutation","useQuery","useMutation","useQueryClient","useQuery","useQueryClient","useMutation","useQuery","useMutation","useQueryClient","useQuery","useQueryClient","useMutation","useRef","Check","jsx","jsx","jsxs","jsx","jsxs","jsx","jsx","jsxs","Check","useState","jsx","jsxs","useState","jsx","Check","jsx","jsxs","jsx","jsxs","Check","jsx","jsxs","useRef","jsx","jsx","jsx","useState","cva","Slot","jsx","cva","Slot","jsx","ptBR","Trash2","jsx","jsxs","useState","ptBR","Trash2","useState","useMemo","jsx","jsx","jsx","jsxs","jsx","jsxs","useState","useMemo","jsx","format","ptBR","Fragment","jsx","jsxs","format","ptBR","useState","useEffect","X","jsx","jsxs","jsx","jsx","jsxs","X","Search","jsx","jsxs","Search","jsx","jsxs","useState","useEffect"]}
+{"version":3,"sources":["../src/client/index.ts","../src/lib/utils.ts","../src/utils/group-messages.ts","../src/utils/format-date.ts","../src/hooks/types.ts","../src/hooks/use-inboxes.ts","../src/hooks/use-inbox-messages.ts","../src/hooks/use-contacts.ts","../src/hooks/use-channels.ts","../src/components/chat-view.tsx","../src/components/message-bubble.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/alert-dialog.tsx","../src/components/ui/button.tsx","../src/components/ui/textarea.tsx","../src/components/chat-input.tsx","../src/components/ui/skeleton.tsx","../src/components/ui/select.tsx","../src/components/ui/avatar.tsx","../src/components/contact-avatar.tsx","../src/components/inbox-item.tsx","../src/components/ui/badge.tsx","../src/components/ui/tooltip.tsx","../src/components/inbox-sidebar.tsx","../src/components/ui/input.tsx","../src/components/ui/tabs.tsx","../src/components/ui/scroll-area.tsx","../src/components/ui/separator.tsx","../src/components/contact-info-panel.tsx","../src/components/new-conversation-dialog.tsx","../src/components/ui/dialog.tsx","../src/components/ui/command.tsx","../src/components/whatsapp-status-badge.tsx","../src/components/channel-card.tsx"],"sourcesContent":["import type {\n  ApiResponse,\n  Channel,\n  Contact,\n  Inbox,\n  InboxMessage,\n  InboxStats,\n  WhatsappStatus,\n} from \"../types\";\n\nexport interface GchatClientConfig {\n  baseUrl: string;\n  token: string;\n  language?: string;\n  idWl?: number;\n}\n\nexport function createGchatClient(config: GchatClientConfig) {\n  const { baseUrl, token, language = \"pt-br\", idWl = 1 } = config;\n\n  function buildUrl(idAccount: number, path: string): string {\n    return `${baseUrl}/v1/${language}/${idWl}/accounts/${idAccount}/${path}`;\n  }\n\n  async function request<T>(\n    method: string,\n    idAccount: number,\n    path: string,\n    body?: unknown,\n    params?: Record<string, string>,\n  ): Promise<ApiResponse<T>> {\n    const url = new URL(buildUrl(idAccount, path));\n    if (params) {\n      Object.entries(params).forEach(([k, v]) => url.searchParams.set(k, v));\n    }\n\n    const res = await fetch(url.toString(), {\n      method,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `Bearer ${token}`,\n      },\n      body: body ? JSON.stringify(body) : undefined,\n    });\n\n    if (!res.ok) {\n      let message = `HTTP ${res.status}: ${res.statusText}`;\n      try {\n        const errorBody = await res.json();\n        message = errorBody.message || message;\n      } catch {\n        /* ignore parse errors */\n      }\n      throw new Error(message);\n    }\n\n    const json: ApiResponse<T> = await res.json();\n\n    // For mutations, treat API-level failures as errors so TanStack Query\n    // fires onError instead of onSuccess (API returns HTTP 200 even on failure)\n    if (method !== \"GET\" && json.status === 0) {\n      throw new Error(json.message || \"Operação falhou\");\n    }\n\n    return json;\n  }\n\n  return {\n    // --- Inboxes ---\n    listInboxes: (idAccount: number, params?: Record<string, string>) =>\n      request<Inbox[]>(\"GET\", idAccount, \"inboxes\", undefined, params),\n    getInbox: (idAccount: number, id: number) =>\n      request<Inbox>(\"GET\", idAccount, `inboxes/${id}`),\n    getInboxStats: (idAccount: number) =>\n      request<InboxStats>(\"GET\", idAccount, \"inboxes/stats\"),\n    createInbox: (\n      idAccount: number,\n      body: { id_channel: number; id_contact: number },\n    ) => request<Inbox>(\"POST\", idAccount, \"inboxes\", body),\n    updateInbox: (\n      idAccount: number,\n      id: number,\n      body: Partial<Pick<Inbox, \"status\" | \"id_agent\">>,\n    ) => request<Inbox>(\"PUT\", idAccount, `inboxes/${id}`, body),\n    deleteInbox: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `inboxes/${id}`),\n\n    // --- Inbox Messages ---\n    listInboxMessages: (idAccount: number, params: Record<string, string>) =>\n      request<InboxMessage[]>(\n        \"GET\",\n        idAccount,\n        \"inbox-messages\",\n        undefined,\n        params,\n      ),\n    sendMessage: (\n      idAccount: number,\n      body: {\n        id_inbox: number;\n        content: string;\n        content_type?: string;\n        source?: string;\n        direction: \"outbound\";\n      },\n    ) => request<InboxMessage>(\"POST\", idAccount, \"inbox-messages\", body),\n    revokeMessage: (idAccount: number, id: number) =>\n      request<void>(\"POST\", idAccount, `inbox-messages/${id}/revoke`),\n    editMessage: (idAccount: number, id: number, body: { content: string }) =>\n      request<void>(\"POST\", idAccount, `inbox-messages/${id}/edit`, body),\n\n    // --- Contacts ---\n    listContacts: (idAccount: number, params?: Record<string, string>) =>\n      request<Contact[]>(\"GET\", idAccount, \"contacts\", undefined, params),\n    getContact: (idAccount: number, id: number) =>\n      request<Contact>(\"GET\", idAccount, `contacts/${id}`),\n    createContact: (\n      idAccount: number,\n      body: Pick<Contact, \"name\"> &\n        Partial<Pick<Contact, \"phone_number\" | \"identifier\">>,\n    ) => request<Contact>(\"POST\", idAccount, \"contacts\", body),\n    updateContact: (\n      idAccount: number,\n      id: number,\n      body: Partial<Pick<Contact, \"name\" | \"phone_number\" | \"identifier\">>,\n    ) => request<Contact>(\"PUT\", idAccount, `contacts/${id}`, body),\n    deleteContact: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `contacts/${id}`),\n\n    // --- Channels ---\n    listChannels: (idAccount: number) =>\n      request<Channel[]>(\"GET\", idAccount, \"channels\"),\n    getChannel: (idAccount: number, id: number) =>\n      request<Channel>(\"GET\", idAccount, `channels/${id}`),\n    createChannel: (\n      idAccount: number,\n      body: Pick<Channel, \"name\" | \"type\" | \"provider\"> &\n        Partial<Pick<Channel, \"identifier\" | \"id_agent\">>,\n    ) => request<Channel>(\"POST\", idAccount, \"channels\", body),\n    updateChannel: (\n      idAccount: number,\n      id: number,\n      body: Partial<\n        Pick<Channel, \"name\" | \"identifier\" | \"status\" | \"id_agent\">\n      >,\n    ) => request<Channel>(\"PUT\", idAccount, `channels/${id}`, body),\n    deleteChannel: (idAccount: number, id: number) =>\n      request<void>(\"DELETE\", idAccount, `channels/${id}`),\n\n    // --- WhatsApp Channel Management ---\n    connectChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/connect`),\n    getChannelQR: async (\n      idAccount: number,\n      id: number,\n    ): Promise<string | null> => {\n      const url = buildUrl(idAccount, `channels/${id}/qr`);\n      const res = await fetch(url, {\n        headers: {\n          Accept: \"image/png\",\n          Authorization: `Bearer ${token}`,\n        },\n      });\n\n      if (!res.ok) return null;\n\n      const contentType = res.headers.get(\"content-type\") || \"\";\n      if (!contentType.includes(\"image/\")) return null;\n\n      const blob = await res.blob();\n      return new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onloadend = () => resolve(reader.result as string);\n        reader.onerror = () => reject(new Error(\"Failed to read QR image\"));\n        reader.readAsDataURL(blob);\n      });\n    },\n    getChannelWhatsappStatus: (idAccount: number, id: number) =>\n      request<WhatsappStatus>(\n        \"GET\",\n        idAccount,\n        `channels/${id}/whatsapp-status`,\n      ),\n    disconnectChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/disconnect`),\n    logoutChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/logout`),\n    provisionChannel: (idAccount: number, id: number) =>\n      request<unknown>(\"POST\", idAccount, `channels/${id}/provision`),\n  };\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { InboxMessage } from \"../types\";\n\n/**\n * Groups messages by date. Assumes messages are pre-sorted by datetime_add (ascending).\n */\nexport function groupMessagesByDate(\n  messages: InboxMessage[],\n): { date: string; messages: InboxMessage[] }[] {\n  const groups: { date: string; messages: InboxMessage[] }[] = [];\n  let currentDate = \"\";\n\n  for (const msg of messages) {\n    const dateStr = msg.datetime_add.split(\"T\")[0];\n    if (dateStr !== currentDate) {\n      currentDate = dateStr;\n      groups.push({ date: msg.datetime_add, messages: [] });\n    }\n    groups[groups.length - 1].messages.push(msg);\n  }\n\n  return groups;\n}\n","import { format, isToday, isYesterday } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\n\nexport function formatDateGroup(dateStr: string): string {\n  const date = new Date(dateStr);\n  if (isToday(date)) return \"Hoje\";\n  if (isYesterday(date)) return \"Ontem\";\n  return format(date, \"dd 'de' MMMM\", { locale: ptBR });\n}\n\nexport function formatMessageTime(dateStr: string): string {\n  return format(new Date(dateStr), \"HH:mm\");\n}\n","import { useMemo } from \"react\";\nimport { createGchatClient } from \"../client\";\n\n// ---------------------------------------------------------------------------\n// Hook Configuration\n// ---------------------------------------------------------------------------\n\nexport interface GchatHookConfig {\n  accountId: number;\n  token: string;\n  baseUrl: string;\n  language?: string;\n  idWl?: number;\n}\n\n// ---------------------------------------------------------------------------\n// Polling Defaults (ms)\n// ---------------------------------------------------------------------------\n\nexport const DEFAULT_INBOX_POLLING = 5000;\nexport const DEFAULT_MESSAGES_POLLING = 3000;\nexport const DEFAULT_CHANNEL_STATUS_POLLING = 5000;\nexport const DEFAULT_QR_POLLING = 2000;\n\n// ---------------------------------------------------------------------------\n// Internal helper — memoized client from config\n// ---------------------------------------------------------------------------\n\nexport function useGchatClient(config: GchatHookConfig) {\n  return useMemo(\n    () =>\n      createGchatClient({\n        baseUrl: config.baseUrl,\n        token: config.token,\n        language: config.language,\n        idWl: config.idWl,\n      }),\n    [config.baseUrl, config.token, config.language, config.idWl],\n  );\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Inbox, InboxStats } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_INBOX_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useInboxes(\n  config: GchatHookConfig,\n  statusFilter?: string,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inboxes\", config.accountId, statusFilter],\n    queryFn: () => {\n      const params: Record<string, string> = {};\n      if (statusFilter && statusFilter !== \"all\") {\n        params.status = statusFilter;\n      }\n      return client.listInboxes(config.accountId, params);\n    },\n    enabled: !!config.accountId && !!config.token,\n    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,\n    select: (res) => res.data || [],\n  });\n}\n\nexport function useInbox(config: GchatHookConfig, id: number | null) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inbox\", config.accountId, id],\n    queryFn: () => client.getInbox(config.accountId, id!),\n    enabled: !!config.accountId && !!config.token && !!id,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as Inbox;\n    },\n  });\n}\n\nexport function useInboxStats(\n  config: GchatHookConfig,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"inbox-stats\", config.accountId],\n    queryFn: () => client.getInboxStats(config.accountId),\n    enabled: !!config.accountId && !!config.token,\n    refetchInterval: pollingInterval ?? DEFAULT_INBOX_POLLING,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as InboxStats;\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: { id_channel: number; id_contact: number }) =>\n      client.createInbox(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: Partial<Pick<Inbox, \"status\" | \"id_agent\">>;\n    }) => client.updateInbox(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteInbox(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (id: number) => client.deleteInbox(config.accountId, id),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inbox-stats\"],\n      });\n    },\n  });\n}\n","import { useMemo, useSyncExternalStore } from \"react\";\nimport { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { InboxMessage } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_MESSAGES_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Optimistic message store (module-level — survives server refetches)\n// ---------------------------------------------------------------------------\n\nconst optimisticStore = new Map<string, InboxMessage[]>();\nlet nextOptimisticId = -1;\n\n// useSyncExternalStore subscription — guarantees synchronous re-renders\nlet storeVersion = 0;\nconst listeners = new Set<() => void>();\n\nfunction subscribeStore(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction getStoreVersion() {\n  return storeVersion;\n}\n\nfunction storeKey(accountId: number, idInbox: number) {\n  return `${accountId}:${idInbox}`;\n}\n\nfunction getOptimistic(accountId: number, idInbox: number): InboxMessage[] {\n  return optimisticStore.get(storeKey(accountId, idInbox)) || [];\n}\n\nfunction setOptimistic(\n  accountId: number,\n  idInbox: number,\n  msgs: InboxMessage[],\n) {\n  const key = storeKey(accountId, idInbox);\n  if (msgs.length === 0) {\n    optimisticStore.delete(key);\n  } else {\n    optimisticStore.set(key, msgs);\n  }\n  storeVersion++;\n  listeners.forEach((fn) => fn());\n}\n\n/**\n * Silently clean up the store without notifying listeners (avoids render loops).\n * Used inside useMemo to remove optimistic messages confirmed by the server.\n */\nfunction cleanupOptimistic(\n  accountId: number,\n  idInbox: number,\n  msgs: InboxMessage[],\n) {\n  const key = storeKey(accountId, idInbox);\n  if (msgs.length === 0) {\n    optimisticStore.delete(key);\n  } else {\n    optimisticStore.set(key, msgs);\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Query\n// ---------------------------------------------------------------------------\n\nexport function useInboxMessages(\n  config: GchatHookConfig,\n  idInbox: number | null,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  // Subscribe to optimistic store — re-renders when store changes\n  const optimisticVersion = useSyncExternalStore(\n    subscribeStore,\n    getStoreVersion,\n    getStoreVersion,\n  );\n\n  const query = useQuery({\n    queryKey: [\"greatchat\", \"inbox-messages\", config.accountId, idInbox],\n    queryFn: () =>\n      client.listInboxMessages(config.accountId, {\n        id_inbox: String(idInbox!),\n        sort: \"datetime_add:asc\",\n        limit: \"100\",\n      }),\n    enabled: !!config.accountId && !!config.token && !!idInbox,\n    refetchInterval: pollingInterval ?? DEFAULT_MESSAGES_POLLING,\n    select: (res) => res.data || [],\n  });\n\n  // Merge server data with optimistic messages\n  const messages = useMemo(() => {\n    const serverMessages = query.data || [];\n    if (!config.accountId || !idInbox) return serverMessages;\n\n    const optimistic = getOptimistic(config.accountId, idInbox);\n    if (!optimistic.length) return serverMessages;\n\n    // Separate overrides (positive ID = retry) from new messages (negative ID = send)\n    const overrides = new Map<number, InboxMessage>();\n    const newOptimistic: InboxMessage[] = [];\n    for (const om of optimistic) {\n      if (om.id > 0) {\n        overrides.set(om.id, om);\n      } else {\n        newOptimistic.push(om);\n      }\n    }\n\n    // Apply overrides to server messages (replace in-place)\n    const merged =\n      overrides.size > 0\n        ? serverMessages.map((sm) => overrides.get(sm.id) ?? sm)\n        : serverMessages;\n\n    // Auto-cleanup: remove overrides when server no longer shows \"failed\"\n    if (overrides.size > 0) {\n      for (const [id] of overrides) {\n        const sm = serverMessages.find((s) => s.id === id);\n        if (sm && sm.status !== \"failed\") {\n          overrides.delete(id);\n        }\n      }\n    }\n\n    // One-to-one matching for new optimistic messages (negative IDs)\n    const stillNeeded: InboxMessage[] = [];\n    const claimed = new Set<number>();\n\n    for (const om of newOptimistic) {\n      // Always keep failed messages (until user retries or dismisses)\n      if (om.status === \"failed\") {\n        stillNeeded.push(om);\n        continue;\n      }\n\n      // Find a matching server message that hasn't been claimed yet\n      const matchIdx = merged.findIndex(\n        (sm, i) =>\n          !claimed.has(i) &&\n          sm.direction === \"outbound\" &&\n          sm.content === om.content &&\n          sm.content_type === om.content_type &&\n          sm.source === om.source,\n      );\n\n      if (matchIdx >= 0) {\n        claimed.add(matchIdx); // server confirmed this one\n      } else {\n        stillNeeded.push(om); // keep showing optimistic\n      }\n    }\n\n    // Silently clean up confirmed messages (no re-notification)\n    const allKept = [...Array.from(overrides.values()), ...stillNeeded];\n    if (allKept.length !== optimistic.length) {\n      cleanupOptimistic(config.accountId, idInbox, allKept);\n    }\n\n    // Sort by datetime to keep chronological order\n    const result = [...merged, ...stillNeeded];\n    result.sort(\n      (a, b) =>\n        new Date(a.datetime_add).getTime() -\n        new Date(b.datetime_add).getTime(),\n    );\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query.data, config.accountId, idInbox, optimisticVersion]);\n\n  return { ...query, data: messages };\n}\n\n// ---------------------------------------------------------------------------\n// Send mutation\n// ---------------------------------------------------------------------------\n\nexport function useSendMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({\n      idInbox,\n      content,\n    }: {\n      idInbox: number;\n      content: string;\n    }) => {\n      const result = await client.sendMessage(config.accountId, {\n        id_inbox: idInbox,\n        content,\n        content_type: \"text\",\n        source: \"agent\",\n        direction: \"outbound\",\n      });\n\n      if (result.status === 0) {\n        throw new Error(result.message || \"Erro desconhecido ao enviar\");\n      }\n\n      return result;\n    },\n\n    onMutate: (variables) => {\n      const msg: InboxMessage = {\n        id: nextOptimisticId--,\n        id_account: config.accountId,\n        id_inbox: variables.idInbox,\n        id_contact: null,\n        direction: \"outbound\",\n        content: variables.content,\n        content_type: \"text\",\n        content_url: null,\n        metadata: null,\n        external_id: null,\n        status: \"pending\",\n        source: \"agent\",\n        is_private: false,\n        datetime_add: new Date().toISOString(),\n        datetime_alt: null,\n      };\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(config.accountId, variables.idInbox, [...current, msg]);\n\n      return { optimisticMsg: msg };\n    },\n\n    onError: (error, variables, context) => {\n      if (!context) return;\n      const { optimisticMsg } = context;\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(\n        config.accountId,\n        variables.idInbox,\n        current.map((m) =>\n          m.id === optimisticMsg.id\n            ? { ...m, status: \"failed\" as const, _error: error.message }\n            : m,\n        ),\n      );\n    },\n\n    onSuccess: (_result, variables, context) => {\n      if (!context) return;\n      const { optimisticMsg } = context;\n\n      const current = getOptimistic(config.accountId, variables.idInbox);\n      setOptimistic(\n        config.accountId,\n        variables.idInbox,\n        current.filter((m) => m.id !== optimisticMsg.id),\n      );\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Retry failed message (updates in-place, same bubble transitions states)\n// ---------------------------------------------------------------------------\n\nexport function useRetryMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return async (message: InboxMessage) => {\n    if (!config.accountId || !config.token || !message.content) return;\n\n    // Add as override with status \"pending\"\n    const current = getOptimistic(config.accountId, message.id_inbox);\n    setOptimistic(config.accountId, message.id_inbox, [\n      ...current.filter((m) => m.id !== message.id),\n      {\n        ...message,\n        status: \"pending\" as const,\n        _error: undefined,\n        datetime_add: new Date().toISOString(),\n      },\n    ]);\n\n    try {\n      const result = await client.sendMessage(config.accountId, {\n        id_inbox: message.id_inbox,\n        content: message.content,\n        content_type: message.content_type,\n        source: \"agent\",\n        direction: \"outbound\",\n      });\n\n      if (result.status === 0) {\n        throw new Error(result.message || \"Erro desconhecido ao enviar\");\n      }\n\n      const after = getOptimistic(config.accountId, message.id_inbox);\n      setOptimistic(\n        config.accountId,\n        message.id_inbox,\n        after.filter((m) => m.id !== message.id),\n      );\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          message.id_inbox,\n        ],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"inboxes\"],\n      });\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"Erro ao enviar mensagem\";\n      const after = getOptimistic(config.accountId, message.id_inbox);\n      setOptimistic(\n        config.accountId,\n        message.id_inbox,\n        after.map((m) =>\n          m.id === message.id\n            ? { ...m, status: \"failed\" as const, _error: errorMessage }\n            : m,\n        ),\n      );\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Revoke message\n// ---------------------------------------------------------------------------\n\nexport function useRevokeMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({ id }: { id: number; idInbox: number }) =>\n      client.revokeMessage(config.accountId, id),\n    onSuccess: (_data, variables) => {\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Edit message\n// ---------------------------------------------------------------------------\n\nexport function useEditMessage(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: async ({\n      id,\n      content,\n    }: {\n      id: number;\n      idInbox: number;\n      content: string;\n    }) => client.editMessage(config.accountId, id, { content }),\n    onSuccess: (_data, variables) => {\n      queryClient.invalidateQueries({\n        queryKey: [\n          \"greatchat\",\n          \"inbox-messages\",\n          config.accountId,\n          variables.idInbox,\n        ],\n      });\n    },\n  });\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Contact } from \"../types\";\nimport { type GchatHookConfig, useGchatClient } from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useContacts(\n  config: GchatHookConfig,\n  params?: Record<string, string>,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"contacts\", config.accountId, params],\n    queryFn: () => client.listContacts(config.accountId, params),\n    enabled: !!config.accountId && !!config.token,\n    select: (res) => ({ data: res.data || [], total: res.total || 0 }),\n  });\n}\n\nexport function useGetContact(\n  config: GchatHookConfig,\n  contactId: number | null,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"contact\", config.accountId, contactId],\n    queryFn: () => client.getContact(config.accountId, contactId!),\n    enabled: !!config.accountId && !!config.token && !!contactId,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as Contact;\n    },\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (body: {\n      name: string;\n      phone_number?: string;\n      identifier?: string;\n    }) => client.createContact(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: { name?: string; phone_number?: string; identifier?: string };\n    }) => client.updateContact(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteContact(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (id: number) => client.deleteContact(config.accountId, id),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"contacts\"],\n      });\n    },\n  });\n}\n","import { useQuery, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { Channel, WhatsappStatus } from \"../types\";\nimport {\n  type GchatHookConfig,\n  DEFAULT_CHANNEL_STATUS_POLLING,\n  DEFAULT_QR_POLLING,\n  useGchatClient,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Queries\n// ---------------------------------------------------------------------------\n\nexport function useChannels(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channels\", config.accountId],\n    queryFn: () => client.listChannels(config.accountId),\n    enabled: !!config.accountId && !!config.token,\n    select: (res) => res.data || [],\n  });\n}\n\nexport function useChannelWhatsappStatus(\n  config: GchatHookConfig,\n  channelId: number | null,\n  enabled = true,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channel-status\", config.accountId, channelId],\n    queryFn: () =>\n      client.getChannelWhatsappStatus(config.accountId, channelId!),\n    enabled: !!config.accountId && !!config.token && !!channelId && enabled,\n    refetchInterval: pollingInterval ?? DEFAULT_CHANNEL_STATUS_POLLING,\n    select: (res) => {\n      const d = res.data;\n      return (Array.isArray(d) ? d[0] : d) as WhatsappStatus;\n    },\n  });\n}\n\nexport function useChannelQR(\n  config: GchatHookConfig,\n  channelId: number | null,\n  enabled = false,\n  pollingInterval?: number,\n) {\n  const client = useGchatClient(config);\n\n  return useQuery({\n    queryKey: [\"greatchat\", \"channel-qr\", config.accountId, channelId],\n    queryFn: () => client.getChannelQR(config.accountId, channelId!),\n    enabled: !!config.accountId && !!config.token && !!channelId && enabled,\n    refetchInterval: pollingInterval ?? DEFAULT_QR_POLLING,\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Mutations\n// ---------------------------------------------------------------------------\n\nexport function useCreateChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (\n      body: Pick<Channel, \"name\" | \"type\" | \"provider\"> &\n        Partial<Pick<Channel, \"identifier\" | \"id_agent\">>,\n    ) => client.createChannel(config.accountId, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useUpdateChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      body,\n    }: {\n      id: number;\n      body: Partial<\n        Pick<Channel, \"name\" | \"identifier\" | \"status\" | \"id_agent\">\n      >;\n    }) => client.updateChannel(config.accountId, id, body),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useDeleteChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.deleteChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useConnectChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.connectChannel(config.accountId, channelId),\n  });\n}\n\nexport function useDisconnectChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.disconnectChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channel-status\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n\nexport function useLogoutChannel(config: GchatHookConfig) {\n  const client = useGchatClient(config);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (channelId: number) =>\n      client.logoutChannel(config.accountId, channelId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channel-status\"],\n      });\n      queryClient.invalidateQueries({\n        queryKey: [\"greatchat\", \"channels\"],\n      });\n    },\n  });\n}\n","import { useRef, useEffect } from \"react\";\nimport type { InboxMessage } from \"../types\";\nimport { groupMessagesByDate } from \"../utils/group-messages\";\nimport { formatDateGroup } from \"../utils/format-date\";\nimport { MessageBubble } from \"./message-bubble\";\nimport { ChatInput } from \"./chat-input\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\n\nexport interface ChatViewProps {\n  messages: InboxMessage[];\n  isLoading: boolean;\n  inboxStatus?: string;\n  onStatusChange?: (status: string) => void;\n  onSend: (content: string) => void;\n  onRetry?: (message: InboxMessage) => void;\n  onRevoke?: (message: InboxMessage) => void;\n  onEdit?: (message: InboxMessage, newContent: string) => void;\n  sendDisabled?: boolean;\n  renderHeader?: React.ReactNode;\n  renderStatusDropdown?: React.ReactNode;\n}\n\nexport function ChatView({\n  messages,\n  isLoading,\n  inboxStatus,\n  onStatusChange,\n  onSend,\n  onRetry,\n  onRevoke,\n  onEdit,\n  sendDisabled,\n  renderHeader,\n  renderStatusDropdown,\n}: ChatViewProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const prevMessageCount = useRef(0);\n\n  useEffect(() => {\n    if (messages && messages.length > prevMessageCount.current) {\n      const el = scrollRef.current;\n      if (el) {\n        setTimeout(() => {\n          el.scrollTop = el.scrollHeight;\n        }, 50);\n      }\n    }\n    prevMessageCount.current = messages?.length || 0;\n  }, [messages]);\n\n  const groups = messages ? groupMessagesByDate(messages) : [];\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Header */}\n      {renderHeader !== undefined ? (\n        renderHeader\n      ) : (\n        <div className=\"flex items-center justify-between border-b px-4 py-3\">\n          <div className=\"flex-1\" />\n          {renderStatusDropdown !== undefined ? (\n            renderStatusDropdown\n          ) : onStatusChange ? (\n            <Select\n              value={inboxStatus}\n              onValueChange={onStatusChange}\n            >\n              <SelectTrigger className=\"w-[130px] h-8 text-xs\">\n                <SelectValue placeholder=\"Status\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"open\">Aberta</SelectItem>\n                <SelectItem value=\"pending\">Pendente</SelectItem>\n                <SelectItem value=\"resolved\">Resolvida</SelectItem>\n              </SelectContent>\n            </Select>\n          ) : null}\n        </div>\n      )}\n\n      {/* Messages */}\n      <div ref={scrollRef} className=\"flex-1 overflow-y-auto p-4\">\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 4 }).map((_, i) => (\n              <div\n                key={i}\n                className={`flex ${i % 2 === 0 ? \"justify-start\" : \"justify-end\"}`}\n              >\n                <Skeleton className=\"h-12 w-64 rounded-lg\" />\n              </div>\n            ))}\n          </div>\n        ) : groups.length === 0 ? (\n          <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n            Nenhuma mensagem ainda\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {groups.map((group, gi) => (\n              <div key={gi}>\n                <div className=\"mb-3 flex justify-center\">\n                  <span className=\"rounded-full bg-muted px-3 py-1 text-[11px] text-muted-foreground\">\n                    {formatDateGroup(group.date)}\n                  </span>\n                </div>\n                <div className=\"space-y-1\">\n                  {group.messages.map((msg) => (\n                    <MessageBubble\n                      key={msg.id}\n                      message={msg}\n                      onRetry={onRetry}\n                      onRevoke={onRevoke}\n                      onEdit={onEdit}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Input */}\n      <ChatInput onSend={onSend} disabled={sendDisabled} />\n    </div>\n  );\n}\n","import { useState } from \"react\";\nimport type { InboxMessage } from \"../types\";\nimport { cn } from \"../lib/utils\";\nimport { formatMessageTime } from \"../utils/format-date\";\nimport {\n  Check,\n  CheckCheck,\n  AlertCircle,\n  Clock,\n  Video,\n  File,\n  MapPin,\n  Headphones,\n  RotateCcw,\n  MoreHorizontal,\n  Trash2,\n  Pencil,\n  Ban,\n} from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"./ui/dropdown-menu\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"./ui/alert-dialog\";\nimport { Button } from \"./ui/button\";\nimport { Textarea } from \"./ui/textarea\";\n\nconst statusIcons: Record<string, React.ReactNode> = {\n  pending: <Clock className=\"h-3 w-3 animate-pulse\" />,\n  sent: <Check className=\"h-3 w-3\" />,\n  delivered: <CheckCheck className=\"h-3 w-3\" />,\n  read: <CheckCheck className=\"h-3 w-3 text-blue-500\" />,\n  failed: <AlertCircle className=\"h-3 w-3 text-destructive\" />,\n};\n\nfunction parseMetadata(metadata: string | null): Record<string, unknown> {\n  if (!metadata) return {};\n  try {\n    return JSON.parse(metadata);\n  } catch {\n    return {};\n  }\n}\n\nfunction MediaContent({ message }: { message: InboxMessage }) {\n  switch (message.content_type) {\n    case \"image\":\n      return (\n        <div className=\"space-y-1\">\n          {message.content_url && (\n            <img\n              src={message.content_url}\n              alt=\"Imagem\"\n              className=\"max-w-[240px] rounded-md\"\n            />\n          )}\n          {message.content && <p className=\"text-sm\">{message.content}</p>}\n        </div>\n      );\n    case \"audio\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <Headphones className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Mensagem de áudio</span>\n        </div>\n      );\n    case \"video\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <Video className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Vídeo</span>\n          {message.content && <p className=\"text-sm\">{message.content}</p>}\n        </div>\n      );\n    case \"document\": {\n      const meta = parseMetadata(message.metadata);\n      return (\n        <div className=\"flex items-center gap-2\">\n          <File className=\"h-4 w-4\" />\n          <span className=\"text-sm\">\n            {(meta.filename as string) || \"Documento\"}\n          </span>\n        </div>\n      );\n    }\n    case \"location\":\n      return (\n        <div className=\"flex items-center gap-2\">\n          <MapPin className=\"h-4 w-4\" />\n          <span className=\"text-sm\">Localização</span>\n        </div>\n      );\n    default:\n      return null;\n  }\n}\n\nexport interface MessageBubbleProps {\n  message: InboxMessage;\n  onRetry?: (message: InboxMessage) => void;\n  onRevoke?: (message: InboxMessage) => void;\n  onEdit?: (message: InboxMessage, newContent: string) => void;\n  renderActions?: (message: InboxMessage) => React.ReactNode;\n}\n\nexport function MessageBubble({\n  message,\n  onRetry,\n  onRevoke,\n  onEdit,\n  renderActions,\n}: MessageBubbleProps) {\n  const [showRevokeDialog, setShowRevokeDialog] = useState(false);\n  const [editing, setEditing] = useState(false);\n  const [editContent, setEditContent] = useState(message.content || \"\");\n\n  const isOutbound = message.direction === \"outbound\";\n  const isPending = message.status === \"pending\";\n  const isFailed = message.status === \"failed\";\n  const time = formatMessageTime(message.datetime_add);\n\n  const meta = parseMetadata(message.metadata);\n  const isRevoked = meta.revoked === true;\n  const isEdited = meta.edited === true;\n\n  const agentLabel =\n    isOutbound && message.source !== \"contact\"\n      ? (meta.agent_name as string) ||\n        (message.source === \"bot\" ? \"Bot\" : \"Agente\")\n      : null;\n\n  const canAct =\n    isOutbound &&\n    message.id > 0 &&\n    !isPending &&\n    !isFailed &&\n    !isRevoked &&\n    !!message.external_id;\n\n  const canEdit = canAct && message.content_type === \"text\";\n\n  function handleSaveEdit() {\n    const trimmed = editContent.trim();\n    if (!trimmed || trimmed === message.content) {\n      setEditing(false);\n      return;\n    }\n    onEdit?.(message, trimmed);\n    setEditing(false);\n  }\n\n  if (isRevoked) {\n    return (\n      <div\n        className={cn(\"flex\", isOutbound ? \"justify-end\" : \"justify-start\")}\n      >\n        <div className=\"max-w-[75%]\">\n          <div\n            className={cn(\n              \"rounded-lg px-3 py-2\",\n              isOutbound ? \"bg-primary/40\" : \"bg-muted/60\",\n            )}\n          >\n            <div className=\"flex items-center gap-1.5\">\n              <Ban\n                className={cn(\n                  \"h-3.5 w-3.5\",\n                  isOutbound\n                    ? \"text-primary-foreground/50\"\n                    : \"text-muted-foreground\",\n                )}\n              />\n              <p\n                className={cn(\n                  \"text-sm italic\",\n                  isOutbound\n                    ? \"text-primary-foreground/50\"\n                    : \"text-muted-foreground\",\n                )}\n              >\n                Mensagem apagada\n              </p>\n            </div>\n            <div\n              className={cn(\n                \"mt-1 flex items-center justify-end gap-1\",\n                isOutbound\n                  ? \"text-primary-foreground/40\"\n                  : \"text-muted-foreground/60\",\n              )}\n            >\n              <span className=\"text-[10px]\">{time}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex group\",\n        isOutbound ? \"justify-end\" : \"justify-start\",\n      )}\n    >\n      <div className=\"max-w-[75%] relative\">\n        {canAct && (\n          <div className=\"absolute -top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity z-10\">\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button className=\"h-6 w-6 rounded-full bg-background/80 shadow-sm flex items-center justify-center hover:bg-background\">\n                  <MoreHorizontal className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\" className=\"w-40\">\n                {canEdit && (\n                  <DropdownMenuItem\n                    onSelect={(e) => {\n                      e.preventDefault();\n                      setEditing(true);\n                      setEditContent(message.content || \"\");\n                    }}\n                  >\n                    <Pencil className=\"h-4 w-4 mr-2\" />\n                    Editar\n                  </DropdownMenuItem>\n                )}\n                <DropdownMenuItem\n                  onSelect={(e) => {\n                    e.preventDefault();\n                    setShowRevokeDialog(true);\n                  }}\n                  className=\"text-destructive focus:text-destructive\"\n                >\n                  <Trash2 className=\"h-4 w-4 mr-2\" />\n                  Apagar para todos\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n        )}\n\n        {renderActions?.(message)}\n\n        <div\n          className={cn(\n            \"rounded-lg px-3 py-2\",\n            isOutbound ? \"bg-primary text-primary-foreground\" : \"bg-muted\",\n            isPending && \"opacity-70\",\n            isFailed && \"bg-destructive/10 border border-destructive/30\",\n          )}\n        >\n          {agentLabel && (\n            <p\n              className={cn(\n                \"mb-0.5 text-[10px] font-medium\",\n                isFailed\n                  ? \"text-destructive/70\"\n                  : isOutbound\n                    ? \"text-primary-foreground/70\"\n                    : \"text-muted-foreground\",\n              )}\n            >\n              {agentLabel}\n            </p>\n          )}\n\n          {editing ? (\n            <div className=\"space-y-2\">\n              <Textarea\n                value={editContent}\n                onChange={(e) => setEditContent(e.target.value)}\n                rows={2}\n                className=\"min-h-[36px] max-h-[120px] resize-none bg-background text-foreground text-sm\"\n                autoFocus\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" && !e.shiftKey) {\n                    e.preventDefault();\n                    handleSaveEdit();\n                  }\n                  if (e.key === \"Escape\") {\n                    setEditing(false);\n                  }\n                }}\n              />\n              <div className=\"flex justify-end gap-1.5\">\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  className=\"h-6 text-xs px-2\"\n                  onClick={() => setEditing(false)}\n                >\n                  Cancelar\n                </Button>\n                <Button\n                  size=\"sm\"\n                  className=\"h-6 text-xs px-2\"\n                  onClick={handleSaveEdit}\n                  disabled={\n                    !editContent.trim() ||\n                    editContent.trim() === message.content\n                  }\n                >\n                  Salvar\n                </Button>\n              </div>\n            </div>\n          ) : message.content_type === \"text\" ? (\n            <p\n              className={cn(\n                \"text-sm whitespace-pre-wrap break-words\",\n                isFailed && \"text-foreground\",\n              )}\n            >\n              {message.content}\n            </p>\n          ) : (\n            <MediaContent message={message} />\n          )}\n\n          {!editing && (\n            <div\n              className={cn(\n                \"mt-1 flex items-center justify-end gap-1\",\n                isFailed\n                  ? \"text-destructive\"\n                  : isOutbound\n                    ? \"text-primary-foreground/60\"\n                    : \"text-muted-foreground\",\n              )}\n            >\n              {isEdited && (\n                <span className=\"text-[10px] italic\">editada</span>\n              )}\n              <span className=\"text-[10px]\">{time}</span>\n              {isOutbound && statusIcons[message.status]}\n            </div>\n          )}\n        </div>\n\n        {isFailed && (\n          <div className=\"mt-1 flex items-center gap-1.5 justify-end px-1\">\n            <AlertCircle className=\"h-3 w-3 shrink-0 text-destructive\" />\n            <span className=\"text-[11px] text-destructive\">\n              {message._error || \"Erro ao enviar\"}\n            </span>\n            {onRetry && (\n              <button\n                onClick={() => onRetry(message)}\n                className=\"inline-flex items-center gap-0.5 text-[11px] text-destructive font-medium hover:text-destructive/80 hover:underline cursor-pointer ml-1\"\n              >\n                <RotateCcw className=\"h-3 w-3\" />\n                Reenviar\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n\n      <AlertDialog open={showRevokeDialog} onOpenChange={setShowRevokeDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Apagar mensagem?</AlertDialogTitle>\n            <AlertDialogDescription>\n              A mensagem será apagada para todos no WhatsApp. Ela continuará\n              visível aqui como &quot;mensagem apagada&quot;.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancelar</AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n              onClick={() => onRevoke?.(message)}\n            >\n              Apagar para todos\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { Check, ChevronRight } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"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 cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex items-center justify-center pointer-events-none\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ml-auto\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 z-50 overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n","import * as React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"grid gap-1.5 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Partial<Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Partial<Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">>) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 shadow-xs\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:bg-destructive/20 text-destructive\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 gap-1.5 px-2.5\",\n        xs: \"h-6 gap-1 px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-2.5\",\n        lg: \"h-10 gap-1.5 px-2.5\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","import { useState, useRef } from \"react\";\nimport { Send } from \"lucide-react\";\nimport { Button } from \"./ui/button\";\nimport { Textarea } from \"./ui/textarea\";\n\nexport interface ChatInputProps {\n  onSend: (content: string) => void;\n  disabled?: boolean;\n}\n\nexport function ChatInput({ onSend, disabled }: ChatInputProps) {\n  const [content, setContent] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  function handleSend() {\n    const text = content.trim();\n    if (!text || disabled) return;\n\n    setContent(\"\");\n    onSend(text);\n    textareaRef.current?.focus();\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSend();\n    }\n  }\n\n  return (\n    <div className=\"border-t p-3\">\n      <div className=\"flex items-end gap-2\">\n        <Textarea\n          ref={textareaRef}\n          placeholder=\"Digite uma mensagem...\"\n          value={content}\n          onChange={(e) => setContent(e.target.value)}\n          onKeyDown={handleKeyDown}\n          rows={1}\n          className=\"min-h-[40px] max-h-[120px] resize-none\"\n        />\n        <Button\n          size=\"icon\"\n          onClick={handleSend}\n          disabled={!content.trim() || disabled}\n          className=\"shrink-0\"\n        >\n          <Send className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import { cn } from \"../../lib/utils\";\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-muted rounded-md animate-pulse\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n","import * as React from \"react\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\nimport { Check, ChevronDown, ChevronUp, ChevronsUpDown } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronsUpDown className=\"text-muted-foreground size-4 pointer-events-none\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"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\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"pointer-events-none\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUp />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDown />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectTrigger,\n  SelectValue,\n};\n","import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n","import { Avatar, AvatarFallback } from \"./ui/avatar\";\nimport { cn } from \"../lib/utils\";\n\nconst COLORS = [\n  \"bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300\",\n  \"bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300\",\n  \"bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300\",\n  \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300\",\n  \"bg-cyan-100 text-cyan-700 dark:bg-cyan-900 dark:text-cyan-300\",\n  \"bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300\",\n  \"bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300\",\n  \"bg-pink-100 text-pink-700 dark:bg-pink-900 dark:text-pink-300\",\n];\n\nconst SIZE_MAP = {\n  sm: \"h-8 w-8 text-xs\",\n  md: \"h-10 w-10 text-xs\",\n  lg: \"h-16 w-16 text-lg\",\n} as const;\n\nfunction hashCode(str: string): number {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return Math.abs(hash);\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n  }\n  return (name[0] || \"?\").toUpperCase();\n}\n\nexport interface ContactAvatarProps {\n  name: string | null;\n  className?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function ContactAvatar({\n  name,\n  className,\n  size = \"md\",\n}: ContactAvatarProps) {\n  const displayName = name || \"?\";\n  const color = COLORS[hashCode(displayName) % COLORS.length];\n  const initials = getInitials(displayName);\n\n  return (\n    <Avatar className={cn(SIZE_MAP[size], className)}>\n      <AvatarFallback className={cn(\"font-medium\", color)}>\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n","import { useState } from \"react\";\nimport type { Inbox } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport { Badge } from \"./ui/badge\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./ui/tooltip\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"./ui/alert-dialog\";\nimport { formatDistanceToNow } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { Trash2 } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nconst statusColors: Record<string, string> = {\n  open: \"bg-green-500/10 text-green-600 border-green-200\",\n  pending: \"bg-yellow-500/10 text-yellow-600 border-yellow-200\",\n  resolved: \"bg-zinc-500/10 text-zinc-500 border-zinc-200\",\n};\n\nconst statusLabels: Record<string, string> = {\n  open: \"Aberta\",\n  pending: \"Pendente\",\n  resolved: \"Resolvida\",\n};\n\nexport interface InboxItemProps {\n  inbox: Inbox;\n  isSelected: boolean;\n  onClick: () => void;\n  onDelete?: (id: number) => void;\n  renderActions?: (inbox: Inbox) => React.ReactNode;\n}\n\nexport function InboxItem({\n  inbox,\n  isSelected,\n  onClick,\n  onDelete,\n  renderActions,\n}: InboxItemProps) {\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n\n  const timestamp = inbox.last_message_at || inbox.datetime_add;\n  const timeAgo = formatDistanceToNow(new Date(timestamp), {\n    addSuffix: true,\n    locale: ptBR,\n  });\n\n  const lastMessage =\n    inbox.last_message_content_type === \"text\"\n      ? inbox.last_message_content\n      : inbox.last_message_content_type\n        ? `[${inbox.last_message_content_type}]`\n        : null;\n\n  const directionPrefix =\n    inbox.last_message_direction === \"outbound\" ? \"Você: \" : \"\";\n\n  return (\n    <>\n      <div\n        className={cn(\n          \"flex w-full items-start gap-3 rounded-md p-3 text-left transition-colors hover:bg-accent group relative cursor-pointer\",\n          isSelected && \"bg-accent\",\n        )}\n        onClick={onClick}\n      >\n        <ContactAvatar\n          name={inbox.contact_name}\n          className=\"mt-0.5\"\n          size=\"md\"\n        />\n\n        <div className=\"flex-1 overflow-hidden\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"truncate font-medium text-sm\">\n              {inbox.contact_name || \"Desconhecido\"}\n            </span>\n            <div className=\"flex items-center gap-1 shrink-0\">\n              <span className=\"text-xs text-muted-foreground\">{timeAgo}</span>\n              {renderActions?.(inbox)}\n              {onDelete && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      className=\"h-5 w-5 rounded flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-muted text-destructive\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setShowDeleteDialog(true);\n                      }}\n                    >\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent>Excluir conversa</TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between gap-2 mt-0.5\">\n            <p className=\"truncate text-xs text-muted-foreground\">\n              {lastMessage\n                ? `${directionPrefix}${lastMessage}`\n                : \"Sem mensagens\"}\n            </p>\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                \"shrink-0 text-[10px] px-1.5 py-0\",\n                statusColors[inbox.status],\n              )}\n            >\n              {statusLabels[inbox.status] || inbox.status}\n            </Badge>\n          </div>\n        </div>\n      </div>\n\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Excluir conversa?</AlertDialogTitle>\n            <AlertDialogDescription>\n              A conversa com {inbox.contact_name || \"este contato\"} será removida\n              da lista. As mensagens não serão apagadas do WhatsApp.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancelar</AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n              onClick={() => onDelete?.(inbox.id)}\n            >\n              Excluir\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst badgeVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground\",\n        destructive:\n          \"bg-destructive/10 text-destructive dark:bg-destructive/20\",\n        outline: \"border-border text-foreground\",\n        ghost: \"hover:bg-muted hover:text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import { useState, useMemo } from \"react\";\nimport type { Inbox } from \"../types\";\nimport { InboxItem } from \"./inbox-item\";\nimport { Input } from \"./ui/input\";\nimport { Tabs, TabsList, TabsTrigger } from \"./ui/tabs\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { ScrollArea } from \"./ui/scroll-area\";\nimport { Search, Plus, Inbox as InboxIcon } from \"lucide-react\";\n\nconst STATUS_TABS = [\n  { value: \"all\", label: \"Todas\" },\n  { value: \"open\", label: \"Abertas\" },\n  { value: \"pending\", label: \"Pendentes\" },\n  { value: \"resolved\", label: \"Resolvidas\" },\n];\n\nexport interface InboxSidebarProps {\n  inboxes: Inbox[] | undefined;\n  isLoading: boolean;\n  selectedInboxId: number | null;\n  onSelectInbox: (inbox: Inbox) => void;\n  onDeleteInbox?: (id: number) => void;\n  onCreateInbox?: () => void;\n  filterChannelId?: number | null;\n  renderHeader?: React.ReactNode;\n  renderFooter?: React.ReactNode;\n}\n\nexport function InboxSidebar({\n  inboxes,\n  isLoading,\n  selectedInboxId,\n  onSelectInbox,\n  onDeleteInbox,\n  onCreateInbox,\n  filterChannelId,\n  renderHeader,\n  renderFooter,\n}: InboxSidebarProps) {\n  const [search, setSearch] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState(\"all\");\n\n  const filtered = useMemo(() => {\n    if (!inboxes) return [];\n    let list = inboxes;\n\n    if (filterChannelId != null) {\n      list = list.filter((i) => i.id_channel === filterChannelId);\n    }\n\n    if (statusFilter !== \"all\") {\n      list = list.filter((i) => i.status === statusFilter);\n    }\n\n    if (search) {\n      const q = search.toLowerCase();\n      list = list.filter(\n        (i) =>\n          i.contact_name?.toLowerCase().includes(q) ||\n          i.contact_phone?.toLowerCase().includes(q) ||\n          i.contact_identifier?.toLowerCase().includes(q) ||\n          i.last_message_content?.toLowerCase().includes(q),\n      );\n    }\n\n    return [...list].sort((a, b) => {\n      const dateA = a.last_message_at || a.datetime_add;\n      const dateB = b.last_message_at || b.datetime_add;\n      return new Date(dateB).getTime() - new Date(dateA).getTime();\n    });\n  }, [inboxes, statusFilter, search, filterChannelId]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {renderHeader}\n\n      <div className=\"flex flex-col gap-3 p-3\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            <Input\n              placeholder=\"Buscar...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9 h-8 text-sm\"\n            />\n          </div>\n          {onCreateInbox && (\n            <Button\n              size=\"icon\"\n              className=\"h-8 w-8 shrink-0\"\n              onClick={onCreateInbox}\n            >\n              <Plus className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n        <Tabs value={statusFilter} onValueChange={setStatusFilter}>\n          <TabsList className=\"w-full\">\n            {STATUS_TABS.map((tab) => (\n              <TabsTrigger\n                key={tab.value}\n                value={tab.value}\n                className=\"flex-1 text-xs\"\n              >\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      </div>\n\n      <ScrollArea className=\"flex-1 px-2\">\n        {isLoading ? (\n          <div className=\"space-y-2 p-2\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"flex items-center gap-3 p-3\">\n                <Skeleton className=\"h-10 w-10 rounded-full shrink-0\" />\n                <div className=\"flex-1 space-y-1.5\">\n                  <Skeleton className=\"h-4 w-28\" />\n                  <Skeleton className=\"h-3 w-40\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : filtered.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-2 py-8 text-sm text-muted-foreground\">\n            <InboxIcon className=\"h-8 w-8 opacity-50\" />\n            Nenhuma conversa encontrada\n          </div>\n        ) : (\n          filtered.map((inbox) => (\n            <InboxItem\n              key={inbox.id}\n              inbox={inbox}\n              isSelected={inbox.id === selectedInboxId}\n              onClick={() => onSelectInbox(inbox)}\n              onDelete={onDeleteInbox}\n            />\n          ))\n        )}\n      </ScrollArea>\n\n      {renderFooter}\n    </div>\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n","import * as React from \"react\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit] [&>div]:!block\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-bar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-border\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n","import * as React from \"react\";\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n","import type { Contact } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { Separator } from \"./ui/separator\";\nimport {\n  X,\n  Phone,\n  Fingerprint,\n  Calendar,\n  CalendarClock,\n  Hash,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { cn } from \"../lib/utils\";\n\nfunction InfoRow({\n  icon: Icon,\n  label,\n  value,\n}: {\n  icon: React.ElementType;\n  label: string;\n  value: string | null | undefined;\n}) {\n  if (!value) return null;\n  return (\n    <div className=\"flex items-start gap-3 py-2\">\n      <Icon className=\"h-4 w-4 text-muted-foreground mt-0.5 shrink-0\" />\n      <div className=\"min-w-0\">\n        <p className=\"text-xs text-muted-foreground\">{label}</p>\n        <p className=\"text-sm break-all\">{value}</p>\n      </div>\n    </div>\n  );\n}\n\nexport interface ContactInfoPanelProps {\n  contact: Contact | null;\n  isLoading?: boolean;\n  onClose?: () => void;\n  className?: string;\n}\n\nexport function ContactInfoPanel({\n  contact,\n  isLoading,\n  onClose,\n  className,\n}: ContactInfoPanelProps) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full w-[320px] shrink-0 flex-col border-l\",\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b px-4 py-3\">\n        <span className=\"text-sm font-medium\">Informações do contato</span>\n        {onClose && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7\"\n            onClick={onClose}\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto p-4\">\n        {isLoading ? (\n          <div className=\"flex flex-col items-center gap-3 pt-4\">\n            <Skeleton className=\"h-16 w-16 rounded-full\" />\n            <Skeleton className=\"h-5 w-32\" />\n            <Skeleton className=\"h-4 w-24\" />\n          </div>\n        ) : contact ? (\n          <>\n            {/* Avatar + Name */}\n            <div className=\"flex flex-col items-center gap-2 pb-4\">\n              <ContactAvatar name={contact.name} size=\"lg\" />\n              <h3 className=\"text-base font-medium text-center\">\n                {contact.name || \"Desconhecido\"}\n              </h3>\n            </div>\n\n            <Separator />\n\n            {/* Details */}\n            <div className=\"mt-3 space-y-1\">\n              <InfoRow icon={Hash} label=\"ID\" value={contact.id?.toString()} />\n              <InfoRow\n                icon={Phone}\n                label=\"Telefone\"\n                value={contact.phone_number}\n              />\n              <InfoRow\n                icon={Fingerprint}\n                label=\"Identificador\"\n                value={contact.identifier}\n              />\n              <InfoRow\n                icon={Calendar}\n                label=\"Criado em\"\n                value={\n                  contact.datetime_add\n                    ? format(\n                        new Date(contact.datetime_add),\n                        \"dd/MM/yyyy 'às' HH:mm\",\n                        { locale: ptBR },\n                      )\n                    : null\n                }\n              />\n              <InfoRow\n                icon={CalendarClock}\n                label=\"Atualizado em\"\n                value={\n                  contact.datetime_alt\n                    ? format(\n                        new Date(contact.datetime_alt),\n                        \"dd/MM/yyyy 'às' HH:mm\",\n                        { locale: ptBR },\n                      )\n                    : null\n                }\n              />\n            </div>\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n","import { useState, useCallback, useEffect } from \"react\";\nimport type { Contact, Channel, Inbox } from \"../types\";\nimport { ContactAvatar } from \"./contact-avatar\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"./ui/dialog\";\nimport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n} from \"./ui/command\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./ui/select\";\nimport { Button } from \"./ui/button\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface NewConversationDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  contacts: Contact[];\n  channels: Channel[];\n  existingInboxes?: Inbox[];\n  onCreateInbox: (contactId: number, channelId: number) => void;\n  isCreating?: boolean;\n  onCreated?: (inboxId: number) => void;\n}\n\nexport function NewConversationDialog({\n  open,\n  onOpenChange,\n  contacts,\n  channels,\n  existingInboxes,\n  onCreateInbox,\n  isCreating,\n  onCreated,\n}: NewConversationDialogProps) {\n  const [selectedContact, setSelectedContact] = useState<Contact | null>(null);\n  const [selectedChannelId, setSelectedChannelId] = useState<number | null>(\n    null,\n  );\n\n  // Auto-select first channel if only one available\n  const effectiveChannelId =\n    selectedChannelId ?? (channels.length === 1 ? channels[0]?.id : null);\n\n  // Reset state when dialog closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedContact(null);\n      setSelectedChannelId(null);\n    }\n  }, [open]);\n\n  const handleCreate = useCallback(() => {\n    if (!selectedContact || !effectiveChannelId) return;\n\n    // Dedup check\n    if (existingInboxes) {\n      const existing = existingInboxes.find(\n        (i) =>\n          i.id_contact === selectedContact.id &&\n          i.id_channel === effectiveChannelId,\n      );\n      if (existing) {\n        onCreated?.(existing.id);\n        onOpenChange(false);\n        return;\n      }\n    }\n\n    onCreateInbox(selectedContact.id, effectiveChannelId);\n  }, [\n    selectedContact,\n    effectiveChannelId,\n    existingInboxes,\n    onCreateInbox,\n    onCreated,\n    onOpenChange,\n  ]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md p-0 gap-0\">\n        <DialogHeader className=\"px-4 pt-4 pb-2\">\n          <DialogTitle>Nova conversa</DialogTitle>\n          <DialogDescription>\n            Selecione um contato para iniciar uma conversa\n          </DialogDescription>\n        </DialogHeader>\n\n        {channels.length > 1 && (\n          <div className=\"px-4 pb-2\">\n            <Select\n              value={selectedChannelId?.toString() ?? \"\"}\n              onValueChange={(v) => setSelectedChannelId(Number(v))}\n            >\n              <SelectTrigger className=\"h-9\">\n                <SelectValue placeholder=\"Selecione um canal\" />\n              </SelectTrigger>\n              <SelectContent>\n                {channels.map((ch) => (\n                  <SelectItem key={ch.id} value={ch.id.toString()}>\n                    {ch.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n\n        <Command className=\"rounded-none border-none shadow-none\">\n          <div className=\"px-2\">\n            <CommandInput placeholder=\"Buscar contato...\" />\n          </div>\n          <CommandList className=\"max-h-64 px-2\">\n            <CommandEmpty>Nenhum contato encontrado</CommandEmpty>\n            <CommandGroup>\n              {contacts.map((contact) => (\n                <CommandItem\n                  key={contact.id}\n                  value={`${contact.name} ${contact.phone_number || \"\"}`}\n                  onSelect={() => setSelectedContact(contact)}\n                  data-checked={selectedContact?.id === contact.id}\n                  className=\"gap-3\"\n                >\n                  <ContactAvatar name={contact.name} size=\"sm\" />\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium\">\n                      {contact.name}\n                    </p>\n                    <p className=\"truncate text-xs text-muted-foreground\">\n                      {contact.phone_number ||\n                        contact.identifier ||\n                        \"Sem telefone\"}\n                    </p>\n                  </div>\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n\n        <DialogFooter className=\"px-4 py-3 border-t\">\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancelar\n          </Button>\n          <Button\n            disabled={!selectedContact || !effectiveChannelId || isCreating}\n            onClick={handleCreate}\n          >\n            {isCreating && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            Iniciar conversa\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <X className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n","import * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div className=\"flex h-9 items-center gap-2 border-b px-3\" data-slot=\"command-input-wrapper\">\n      <Search className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n};\n","\"use client\";\n\nimport type { WhatsappStatus } from \"../types\";\nimport { Badge } from \"./ui/badge\";\n\nexport interface WhatsappStatusBadgeProps {\n  status: WhatsappStatus | undefined | null;\n  hasSession: boolean;\n}\n\nexport function WhatsappStatusBadge({\n  status,\n  hasSession,\n}: WhatsappStatusBadgeProps) {\n  if (!hasSession) {\n    return (\n      <Badge variant=\"outline\" className=\"text-xs text-zinc-500 border-zinc-300\">\n        Sem sessão\n      </Badge>\n    );\n  }\n\n  if (!status) {\n    return (\n      <Badge variant=\"outline\" className=\"text-xs text-zinc-500 border-zinc-300\">\n        Verificando...\n      </Badge>\n    );\n  }\n\n  if (status.connected && status.logged_in) {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"text-xs bg-green-500/10 text-green-600 border-green-200\"\n      >\n        Conectado\n      </Badge>\n    );\n  }\n\n  if (status.connected && !status.logged_in) {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200\"\n      >\n        Reconectando...\n      </Badge>\n    );\n  }\n\n  if (status.logged_in && !status.connected) {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200\"\n      >\n        Desconectado\n      </Badge>\n    );\n  }\n\n  return (\n    <Badge\n      variant=\"outline\"\n      className=\"text-xs bg-red-500/10 text-red-600 border-red-200\"\n    >\n      Offline\n    </Badge>\n  );\n}\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type { Channel } from \"../types\";\nimport type { GchatHookConfig } from \"../hooks/types\";\nimport { useChannelWhatsappStatus } from \"../hooks/use-channels\";\nimport { WhatsappStatusBadge } from \"./whatsapp-status-badge\";\nimport { Button } from \"./ui/button\";\n\nexport interface ChannelCardProps {\n  channel: Channel;\n  config: GchatHookConfig;\n  onEdit?: () => void;\n  onDelete?: () => void;\n  linkedAgentName?: string;\n  linkedAgentActive?: boolean;\n  actions?: ReactNode;\n}\n\nexport function ChannelCard({\n  channel,\n  config,\n  onEdit,\n  onDelete,\n  linkedAgentName,\n  linkedAgentActive = true,\n  actions,\n}: ChannelCardProps) {\n  const { data: status } = useChannelWhatsappStatus(config, channel.id);\n  const hasSession = !!channel.external_id;\n\n  return (\n    <div className=\"rounded-lg border bg-card text-card-foreground shadow-sm\">\n      <div className=\"flex flex-row items-start justify-between p-4 pb-2\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10\">\n            <svg className=\"h-5 w-5 text-green-600\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <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\" />\n            </svg>\n          </div>\n          <div>\n            <h3 className=\"text-sm font-medium\">{channel.name}</h3>\n            <p className=\"text-xs text-muted-foreground\">\n              {channel.identifier || \"Sem número\"}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          {onEdit && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"h-7 w-7\"\n              onClick={onEdit}\n            >\n              <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <path d=\"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z\" />\n                <path d=\"m15 5 4 4\" />\n              </svg>\n            </Button>\n          )}\n          {onDelete && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"h-7 w-7 text-destructive hover:text-destructive\"\n              onClick={onDelete}\n            >\n              <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <path d=\"M3 6h18\" />\n                <path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\" />\n                <path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\" />\n              </svg>\n            </Button>\n          )}\n          <WhatsappStatusBadge status={status} hasSession={hasSession} />\n        </div>\n      </div>\n      <div className=\"p-4 pt-0 space-y-3\">\n        {linkedAgentName && (\n          <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n            <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M12 8V4H8\" />\n              <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\" />\n              <path d=\"M2 14h2\" />\n              <path d=\"M20 14h2\" />\n              <path d=\"M15 13v2\" />\n              <path d=\"M9 13v2\" />\n            </svg>\n            <span>Agent: <strong>{linkedAgentName}</strong></span>\n            {!linkedAgentActive && (\n              <span className=\"text-[10px] px-1 py-0 border rounded\">inativo</span>\n            )}\n          </div>\n        )}\n        {actions}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["useMemo","useQuery","useMutation","useQueryClient","useQuery","useMemo","useQueryClient","useMutation","useQuery","useMutation","useQueryClient","useQuery","useQueryClient","useMutation","useQuery","useMutation","useQueryClient","useQuery","useQueryClient","useMutation","useRef","Check","jsx","jsx","jsxs","jsx","jsxs","jsx","jsx","jsxs","Check","useState","jsx","jsxs","useState","jsx","Check","jsx","jsxs","jsx","jsxs","Check","jsx","jsxs","useRef","jsx","jsx","jsx","useState","cva","Slot","jsx","cva","Slot","jsx","ptBR","Trash2","jsx","jsxs","useState","ptBR","Trash2","useState","useMemo","jsx","jsx","jsx","jsxs","jsx","jsxs","useState","useMemo","jsx","format","ptBR","Fragment","jsx","jsxs","format","ptBR","useState","useEffect","X","jsx","jsxs","jsx","jsx","jsxs","X","Search","jsx","jsxs","Search","jsx","jsxs","useState","useEffect","jsx","jsx","jsxs"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/greatchat-ui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,6 +28,8 @@
     "sonner": "*"
   },
   "dependencies": {
+    "@greatapps/greatauth-ui": "^0.1.4",
+    "@greatapps/greatchat-ui": "^0.1.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2",
     "cmdk": "^1.1.1",

package/src/components/channel-card.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import type { ReactNode } from "react";
+import type { Channel } from "../types";
+import type { GchatHookConfig } from "../hooks/types";
+import { useChannelWhatsappStatus } from "../hooks/use-channels";
+import { WhatsappStatusBadge } from "./whatsapp-status-badge";
+import { Button } from "./ui/button";
+
+export interface ChannelCardProps {
+  channel: Channel;
+  config: GchatHookConfig;
+  onEdit?: () => void;
+  onDelete?: () => void;
+  linkedAgentName?: string;
+  linkedAgentActive?: boolean;
+  actions?: ReactNode;
+}
+
+export function ChannelCard({
+  channel,
+  config,
+  onEdit,
+  onDelete,
+  linkedAgentName,
+  linkedAgentActive = true,
+  actions,
+}: ChannelCardProps) {
+  const { data: status } = useChannelWhatsappStatus(config, channel.id);
+  const hasSession = !!channel.external_id;
+
+  return (
+    <div className="rounded-lg border bg-card text-card-foreground shadow-sm">
+      <div className="flex flex-row items-start justify-between p-4 pb-2">
+        <div className="flex items-center gap-2">
+          <div className="flex h-9 w-9 items-center justify-center rounded-md bg-green-500/10">
+            <svg className="h-5 w-5 text-green-600" viewBox="0 0 24 24" fill="currentColor">
+              <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" />
+            </svg>
+          </div>
+          <div>
+            <h3 className="text-sm font-medium">{channel.name}</h3>
+            <p className="text-xs text-muted-foreground">
+              {channel.identifier || "Sem número"}
+            </p>
+          </div>
+        </div>
+        <div className="flex items-center gap-1">
+          {onEdit && (
+            <Button
+              variant="ghost"
+              size="icon"
+              className="h-7 w-7"
+              onClick={onEdit}
+            >
+              <svg className="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+                <path d="m15 5 4 4" />
+              </svg>
+            </Button>
+          )}
+          {onDelete && (
+            <Button
+              variant="ghost"
+              size="icon"
+              className="h-7 w-7 text-destructive hover:text-destructive"
+              onClick={onDelete}
+            >
+              <svg className="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M3 6h18" />
+                <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+              </svg>
+            </Button>
+          )}
+          <WhatsappStatusBadge status={status} hasSession={hasSession} />
+        </div>
+      </div>
+      <div className="p-4 pt-0 space-y-3">
+        {linkedAgentName && (
+          <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
+            <svg className="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+              <path d="M12 8V4H8" />
+              <rect width="16" height="12" x="4" y="8" rx="2" />
+              <path d="M2 14h2" />
+              <path d="M20 14h2" />
+              <path d="M15 13v2" />
+              <path d="M9 13v2" />
+            </svg>
+            <span>Agent: <strong>{linkedAgentName}</strong></span>
+            {!linkedAgentActive && (
+              <span className="text-[10px] px-1 py-0 border rounded">inativo</span>
+            )}
+          </div>
+        )}
+        {actions}
+      </div>
+    </div>
+  );
+}

package/src/components/index.ts

@@ -21,3 +21,9 @@ export type { ContactInfoPanelProps } from "./contact-info-panel";
 
 export { NewConversationDialog } from "./new-conversation-dialog";
 export type { NewConversationDialogProps } from "./new-conversation-dialog";
+
+export { ChannelCard } from "./channel-card";
+export type { ChannelCardProps } from "./channel-card";
+
+export { WhatsappStatusBadge } from "./whatsapp-status-badge";
+export type { WhatsappStatusBadgeProps } from "./whatsapp-status-badge";

package/src/components/whatsapp-status-badge.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import type { WhatsappStatus } from "../types";
+import { Badge } from "./ui/badge";
+
+export interface WhatsappStatusBadgeProps {
+  status: WhatsappStatus | undefined | null;
+  hasSession: boolean;
+}
+
+export function WhatsappStatusBadge({
+  status,
+  hasSession,
+}: WhatsappStatusBadgeProps) {
+  if (!hasSession) {
+    return (
+      <Badge variant="outline" className="text-xs text-zinc-500 border-zinc-300">
+        Sem sessão
+      </Badge>
+    );
+  }
+
+  if (!status) {
+    return (
+      <Badge variant="outline" className="text-xs text-zinc-500 border-zinc-300">
+        Verificando...
+      </Badge>
+    );
+  }
+
+  if (status.connected && status.logged_in) {
+    return (
+      <Badge
+        variant="outline"
+        className="text-xs bg-green-500/10 text-green-600 border-green-200"
+      >
+        Conectado
+      </Badge>
+    );
+  }
+
+  if (status.connected && !status.logged_in) {
+    return (
+      <Badge
+        variant="outline"
+        className="text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200"
+      >
+        Reconectando...
+      </Badge>
+    );
+  }
+
+  if (status.logged_in && !status.connected) {
+    return (
+      <Badge
+        variant="outline"
+        className="text-xs bg-yellow-500/10 text-yellow-600 border-yellow-200"
+      >
+        Desconectado
+      </Badge>
+    );
+  }
+
+  return (
+    <Badge
+      variant="outline"
+      className="text-xs bg-red-500/10 text-red-600 border-red-200"
+    >
+      Offline
+    </Badge>
+  );
+}

package/src/index.ts

@@ -31,6 +31,8 @@ export {
   InboxSidebar,
   ContactInfoPanel,
   NewConversationDialog,
+  ChannelCard,
+  WhatsappStatusBadge,
 } from "./components";
 export type {
   ChatViewProps,
@@ -41,4 +43,6 @@ export type {
   InboxSidebarProps,
   ContactInfoPanelProps,
   NewConversationDialogProps,
+  ChannelCardProps,
+  WhatsappStatusBadgeProps,
 } from "./components";