@erlancarreira/evolution-chat 0.1.0 → 0.1.2

package/next/index.d.cts

@@ -1,4 +1,4 @@
-type ChatMessageDirection = "visitor" | "owner";
+type ChatMessageDirection = "visitor" | "owner" | "system";
 type ChatMessageStatus = "pending" | "sent" | "failed";
 type ChatSessionStatus = "active" | "closed" | "failed";
 /** Mensagem persistida (domínio). */
@@ -20,6 +20,8 @@ interface ChatSession {
     visitorPhone: string;
     visitorContact: string | null;
     groupJid: string | null;
+    /** Modo da conversa: "group" (grupo por visitante, padrão) ou "direct" (1:1 com a plataforma). */
+    mode?: "group" | "direct";
     status: ChatSessionStatus;
     createdAt: string;
     lastMessageAt: string | null;
@@ -39,6 +41,10 @@ interface ChatConfig {
     closeHours: number;
     leaveOnClose: boolean;
     webhookToken: string;
+    /** true (padrão) = cria um grupo por visitante; false = conversa 1:1 direta com a plataforma. */
+    createGroup?: boolean;
+    /** URL pública da imagem de capa do grupo (opcional; ignora se vazia). */
+    groupImage?: string;
 }
 /** Evento de tempo real publicado no canal broadcast `chat:<realtimeToken>`. */
 type ChatEvent = {
@@ -58,6 +64,8 @@ interface SessionStore {
         visitorPhone: string;
         visitorContact?: string | null;
         groupJid: string | null;
+        /** Modo da conversa: "group" (padrão) ou "direct" (1:1 com a plataforma). Opcional. */
+        mode?: "group" | "direct";
         /** Hash não-reversível do IP (LGPD): usado por countRecentSessionsByIpHash. */
         ipHash?: string | null;
         /** User-Agent bruto da requisição (auditoria/forense; nunca exibido). */
@@ -65,6 +73,8 @@ interface SessionStore {
     }): Promise<ChatSession>;
     getSessionByToken(token: string): Promise<ChatSession | null>;
     getSessionByGroupJid(jid: string): Promise<ChatSession | null>;
+    /** Lookup da sessão ativa de um visitante pelo telefone (modo direto 1:1). */
+    getSessionByVisitorPhone(phone: string): Promise<ChatSession | null>;
     appendMessage(input: {
         sessionId: string;
         direction: ChatMessageDirection;
@@ -111,13 +121,25 @@ interface CreateGroupResult {
 interface EvolutionClient {
     sendText(instance: string, number: string, text: string): Promise<SendTextResult>;
     createGroup(instance: string, subject: string, participants: string[], description?: string): Promise<CreateGroupResult>;
+    setGroupPicture(instance: string, groupJid: string, image: string): Promise<void>;
     leaveGroup(instance: string, groupJid: string): Promise<void>;
+    /** Encerra a sessão WhatsApp da instância (desvincula o dispositivo). */
+    logout(instance: string): Promise<void>;
     getConnectionState(instance: string): Promise<"open" | "connecting" | "close">;
     connectQR(instance: string): Promise<{
         qrBase64: string | null;
         pairingCode: string | null;
     }>;
     setWebhook(instance: string, url: string, events: string[]): Promise<void>;
+    /** Cria a instância na Evolution (one-time). Exige a apiKey com permissão de criação. */
+    createInstance(instance: string, integration?: "WHATSAPP-BAILEYS" | "WHATSAPP-BUSINESS"): Promise<void>;
+    /**
+     * Garante que a instância existe (idempotente): se `getConnectionState` responde
+     * (qualquer estado), não faz nada; só chama `createInstance` quando a leitura falha
+     * (instância inexistente). Assim o LMS gerencia o ciclo de vida sem criar manualmente
+     * na Evolution — o único passo humano é escanear o QR de pareamento.
+     */
+    ensureInstance(instance: string): Promise<void>;
 }
 
 interface StartChatInput {
@@ -162,6 +184,22 @@ declare class ChatBridge {
     handleWebhook(payload: unknown): Promise<{
         handled: boolean;
     }>;
+    /**
+     * Trata `group-participants.update` (Evolution): quando alguém entra, sai ou é
+     * removido do grupo da sessão, registra uma mensagem de sistema no chat (visível
+     * para visitante e time) e, se quem saiu foi o próprio visitante, encerra a sessão
+     * — a conversa 1:1 pelo WhatsApp não chega mais pelo grupo.
+     * NUNCA lança: qualquer erro é logado e devolvido como tratado (200) para a Evolution
+     * não reenviar.
+     */
+    private handleGroupParticipants;
+    /**
+     * Encerra a sessão (status closed + evento realtime) e — só quando o grupo morreu do
+     * lado do visitante (ele saiu ou o destino sumiu) — faz a EMPRESA SAIR do grupo na
+     * Evolution (best-effort) para não acumular grupos órfãos. Em fechamentos normais
+     * (atendente encerrou a conversa) NÃO saímos: senão o visitante ficaria sozinho no grupo.
+     */
+    private closeSessionCleanup;
     /** Replay para o widget: sessão por token + mensagens (opcionalmente após um ISO). */
     history(token: string, afterIso?: string | null): Promise<{
         session: ChatSession | null;

package/next/index.d.ts

@@ -1,4 +1,4 @@
-type ChatMessageDirection = "visitor" | "owner";
+type ChatMessageDirection = "visitor" | "owner" | "system";
 type ChatMessageStatus = "pending" | "sent" | "failed";
 type ChatSessionStatus = "active" | "closed" | "failed";
 /** Mensagem persistida (domínio). */
@@ -20,6 +20,8 @@ interface ChatSession {
     visitorPhone: string;
     visitorContact: string | null;
     groupJid: string | null;
+    /** Modo da conversa: "group" (grupo por visitante, padrão) ou "direct" (1:1 com a plataforma). */
+    mode?: "group" | "direct";
     status: ChatSessionStatus;
     createdAt: string;
     lastMessageAt: string | null;
@@ -39,6 +41,10 @@ interface ChatConfig {
     closeHours: number;
     leaveOnClose: boolean;
     webhookToken: string;
+    /** true (padrão) = cria um grupo por visitante; false = conversa 1:1 direta com a plataforma. */
+    createGroup?: boolean;
+    /** URL pública da imagem de capa do grupo (opcional; ignora se vazia). */
+    groupImage?: string;
 }
 /** Evento de tempo real publicado no canal broadcast `chat:<realtimeToken>`. */
 type ChatEvent = {
@@ -58,6 +64,8 @@ interface SessionStore {
         visitorPhone: string;
         visitorContact?: string | null;
         groupJid: string | null;
+        /** Modo da conversa: "group" (padrão) ou "direct" (1:1 com a plataforma). Opcional. */
+        mode?: "group" | "direct";
         /** Hash não-reversível do IP (LGPD): usado por countRecentSessionsByIpHash. */
         ipHash?: string | null;
         /** User-Agent bruto da requisição (auditoria/forense; nunca exibido). */
@@ -65,6 +73,8 @@ interface SessionStore {
     }): Promise<ChatSession>;
     getSessionByToken(token: string): Promise<ChatSession | null>;
     getSessionByGroupJid(jid: string): Promise<ChatSession | null>;
+    /** Lookup da sessão ativa de um visitante pelo telefone (modo direto 1:1). */
+    getSessionByVisitorPhone(phone: string): Promise<ChatSession | null>;
     appendMessage(input: {
         sessionId: string;
         direction: ChatMessageDirection;
@@ -111,13 +121,25 @@ interface CreateGroupResult {
 interface EvolutionClient {
     sendText(instance: string, number: string, text: string): Promise<SendTextResult>;
     createGroup(instance: string, subject: string, participants: string[], description?: string): Promise<CreateGroupResult>;
+    setGroupPicture(instance: string, groupJid: string, image: string): Promise<void>;
     leaveGroup(instance: string, groupJid: string): Promise<void>;
+    /** Encerra a sessão WhatsApp da instância (desvincula o dispositivo). */
+    logout(instance: string): Promise<void>;
     getConnectionState(instance: string): Promise<"open" | "connecting" | "close">;
     connectQR(instance: string): Promise<{
         qrBase64: string | null;
         pairingCode: string | null;
     }>;
     setWebhook(instance: string, url: string, events: string[]): Promise<void>;
+    /** Cria a instância na Evolution (one-time). Exige a apiKey com permissão de criação. */
+    createInstance(instance: string, integration?: "WHATSAPP-BAILEYS" | "WHATSAPP-BUSINESS"): Promise<void>;
+    /**
+     * Garante que a instância existe (idempotente): se `getConnectionState` responde
+     * (qualquer estado), não faz nada; só chama `createInstance` quando a leitura falha
+     * (instância inexistente). Assim o LMS gerencia o ciclo de vida sem criar manualmente
+     * na Evolution — o único passo humano é escanear o QR de pareamento.
+     */
+    ensureInstance(instance: string): Promise<void>;
 }
 
 interface StartChatInput {
@@ -162,6 +184,22 @@ declare class ChatBridge {
     handleWebhook(payload: unknown): Promise<{
         handled: boolean;
     }>;
+    /**
+     * Trata `group-participants.update` (Evolution): quando alguém entra, sai ou é
+     * removido do grupo da sessão, registra uma mensagem de sistema no chat (visível
+     * para visitante e time) e, se quem saiu foi o próprio visitante, encerra a sessão
+     * — a conversa 1:1 pelo WhatsApp não chega mais pelo grupo.
+     * NUNCA lança: qualquer erro é logado e devolvido como tratado (200) para a Evolution
+     * não reenviar.
+     */
+    private handleGroupParticipants;
+    /**
+     * Encerra a sessão (status closed + evento realtime) e — só quando o grupo morreu do
+     * lado do visitante (ele saiu ou o destino sumiu) — faz a EMPRESA SAIR do grupo na
+     * Evolution (best-effort) para não acumular grupos órfãos. Em fechamentos normais
+     * (atendente encerrou a conversa) NÃO saímos: senão o visitante ficaria sozinho no grupo.
+     */
+    private closeSessionCleanup;
     /** Replay para o widget: sessão por token + mensagens (opcionalmente após um ISO). */
     history(token: string, afterIso?: string | null): Promise<{
         session: ChatSession | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erlancarreira/evolution-chat",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Chat widget + Evolution API bridge (WhatsApp) — reutilizável, hexagonal, SOLID",
   "license": "MIT",
   "type": "module",

package/transports/supabase/index.cjs

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/transports/supabase/index.ts
 var supabase_exports = {};
 __export(supabase_exports, {
+  __resetRealtimeClientCache: () => __resetRealtimeClientCache,
   createSupabaseRealtimeHandle: () => createSupabaseRealtimeHandle,
   createSupabaseTransport: () => createSupabaseTransport
 });
@@ -28,6 +29,27 @@ var import_supabase_js = require("@supabase/supabase-js");
 var CHANNEL_PREFIX = "chat:";
 var BROADCAST_EVENT = "chat";
 var channelName = (realtimeToken) => `${CHANNEL_PREFIX}${realtimeToken}`;
+var clientCache = /* @__PURE__ */ new Map();
+function getRealtimeClient(url, anonKey) {
+  const cached = clientCache.get(url);
+  if (cached) return cached;
+  const client = (0, import_supabase_js.createClient)(url, anonKey, {
+    auth: {
+      // O widget só assina um canal broadcast público: não precisa de sessão persistida,
+      // nem de refresh de token, nem de ler a URL. Desligar o persist + usar storageKey
+      // próprio garante que este client NÃO concorra com o auth do app pela mesma chave.
+      persistSession: false,
+      autoRefreshToken: false,
+      detectSessionInUrl: false,
+      storageKey: "evolution-chat-realtime"
+    }
+  });
+  clientCache.set(url, client);
+  return client;
+}
+function __resetRealtimeClientCache() {
+  clientCache.clear();
+}
 var STATUS_BY_REALTIME_STATE = {
   SUBSCRIBED: "open",
   CHANNEL_ERROR: "closed",
@@ -50,7 +72,7 @@ function createSupabaseTransport(admin) {
   };
 }
 function createSupabaseRealtimeHandle(url, anonKey) {
-  const client = (0, import_supabase_js.createClient)(url, anonKey);
+  const client = getRealtimeClient(url, anonKey);
   return {
     subscribe(realtimeToken, onEvent, onStatus) {
       const channel = client.channel(channelName(realtimeToken));
@@ -68,6 +90,7 @@ function createSupabaseRealtimeHandle(url, anonKey) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  __resetRealtimeClientCache,
   createSupabaseRealtimeHandle,
   createSupabaseTransport
 });

package/transports/supabase/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/transports/supabase/index.ts"],"sourcesContent":["// src/transports/supabase/index.ts — adapter Supabase Realtime (broadcast) para as portas\n// RealtimeTransport (server publica) e RealtimeHandle (widget assina).\n//\n// Canal por sessão: `chat:<realtimeToken>`, evento broadcast `chat`, payload = ChatEvent.\n// O token aleatório de 24 bytes (192 bits, src/api/ids.ts) gerado na criação da sessão é a\n// única credencial do canal (broadcast não passa por RLS), então quem não tem o token não escuta.\n//\n// Server (createSupabaseTransport): recebe um SupabaseClient já construído pelo hospedeiro\n// (tipicamente com a service key). Não assinamos o canal: no supabase-js v2, `send()` num\n// canal não-joined cai no endpoint REST de broadcast (POST /realtime/v1/api/broadcast), que\n// é exatamente o caminho recomendado para publicar sem manter um WebSocket aberto. Basta\n// aguardar o `send()` — ele resolve com 'ok' | 'timed out' | 'error' | …\n//\n// Widget (createSupabaseRealtimeHandle): constrói seu próprio client com a anon key e\n// assina o canal; `subscribe` devolve o `unsubscribe` (deixa o canal) e reporta a conexão\n// via onStatus (\"open\" em SUBSCRIBED, \"closed\" em CHANNEL_ERROR/TIMED_OUT/CLOSED).\n\nimport { createClient, type SupabaseClient } from \"@supabase/supabase-js\";\nimport type { ChatEvent, RealtimeHandle, RealtimeTransport } from \"../../bridge\";\n\n/** Prefixo do canal por sessão: `chat:<realtimeToken>`. */\nconst CHANNEL_PREFIX = \"chat:\";\n/** Nome do evento broadcast (o único usado pelo SDK). */\nconst BROADCAST_EVENT = \"chat\";\n\nconst channelName = (realtimeToken: string): string => `${CHANNEL_PREFIX}${realtimeToken}`;\n\n/**\n * Estados de assinatura do Realtime → \"open\"/\"closed\" da porta.\n * Comparar via lookup (e não `status === \"SUBSCRIBED\"`) porque REALTIME_SUBSCRIBE_STATES é\n * um enum string não reexportado por @supabase/supabase-js; o valor em runtime é a string.\n * Desconhecidos caem em \"closed\" (conservador: o widget mostra \"reconectando\").\n */\nconst STATUS_BY_REALTIME_STATE: Record<string, \"open\" | \"closed\"> = {\n  SUBSCRIBED: \"open\",\n  CHANNEL_ERROR: \"closed\",\n  TIMED_OUT: \"closed\",\n  CLOSED: \"closed\",\n};\n\n/** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */\nexport function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport {\n  return {\n    async publish(realtimeToken: string, event: ChatEvent): Promise<void> {\n      const channel = channelName(realtimeToken);\n      const response = await admin.channel(channel).send({\n        type: \"broadcast\",\n        event: BROADCAST_EVENT,\n        payload: event,\n      });\n      // 'ok' | 'timed out' | 'error' | 'rate limited' | 'channel error' | …\n      // Rejeitar em não-'ok' é intencional: o bridge (Task 6) captura e devolve\n      // handled:false, acionando a reentrega idempotente do webhook.\n      if (response !== \"ok\") {\n        throw new Error(`Supabase broadcast \"${channel}\" não entregue: ${response}`);\n      }\n    },\n  };\n}\n\n/**\n * Handle client-side (widget): `subscribe(token, onEvent, onStatus?)` assina\n * `chat:<token>` e devolve o unsubscribe. O client é criado uma única vez na fábrica.\n */\nexport function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle {\n  const client = createClient(url, anonKey);\n\n  return {\n    subscribe(realtimeToken, onEvent, onStatus) {\n      const channel = client.channel(channelName(realtimeToken));\n\n      channel.on(\"broadcast\", { event: BROADCAST_EVENT }, (message: { payload: unknown }) => {\n        onEvent(message.payload as ChatEvent);\n      });\n\n      channel.subscribe((status: string) => {\n        onStatus?.(STATUS_BY_REALTIME_STATE[status] ?? \"closed\");\n      });\n\n      return () => {\n        void channel.unsubscribe();\n      };\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA,yBAAkD;AAIlD,IAAM,iBAAiB;AAEvB,IAAM,kBAAkB;AAExB,IAAM,cAAc,CAAC,kBAAkC,GAAG,cAAc,GAAG,aAAa;AAQxF,IAAM,2BAA8D;AAAA,EAClE,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,SAAS,wBAAwB,OAA0C;AAChF,SAAO;AAAA,IACL,MAAM,QAAQ,eAAuB,OAAiC;AACpE,YAAM,UAAU,YAAY,aAAa;AACzC,YAAM,WAAW,MAAM,MAAM,QAAQ,OAAO,EAAE,KAAK;AAAA,QACjD,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAID,UAAI,aAAa,MAAM;AACrB,cAAM,IAAI,MAAM,uBAAuB,OAAO,sBAAmB,QAAQ,EAAE;AAAA,MAC7E;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,6BAA6B,KAAa,SAAiC;AACzF,QAAM,aAAS,iCAAa,KAAK,OAAO;AAExC,SAAO;AAAA,IACL,UAAU,eAAe,SAAS,UAAU;AAC1C,YAAM,UAAU,OAAO,QAAQ,YAAY,aAAa,CAAC;AAEzD,cAAQ,GAAG,aAAa,EAAE,OAAO,gBAAgB,GAAG,CAAC,YAAkC;AACrF,gBAAQ,QAAQ,OAAoB;AAAA,MACtC,CAAC;AAED,cAAQ,UAAU,CAAC,WAAmB;AACpC,mBAAW,yBAAyB,MAAM,KAAK,QAAQ;AAAA,MACzD,CAAC;AAED,aAAO,MAAM;AACX,aAAK,QAAQ,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/transports/supabase/index.ts"],"sourcesContent":["// src/transports/supabase/index.ts — adapter Supabase Realtime (broadcast) para as portas\n// RealtimeTransport (server publica) e RealtimeHandle (widget assina).\n//\n// Canal por sessão: `chat:<realtimeToken>`, evento broadcast `chat`, payload = ChatEvent.\n// O token aleatório de 24 bytes (192 bits, src/api/ids.ts) gerado na criação da sessão é a\n// única credencial do canal (broadcast não passa por RLS), então quem não tem o token não escuta.\n//\n// Server (createSupabaseTransport): recebe um SupabaseClient já construído pelo hospedeiro\n// (tipicamente com a service key). Não assinamos o canal: no supabase-js v2, `send()` num\n// canal não-joined cai no endpoint REST de broadcast (POST /realtime/v1/api/broadcast), que\n// é exatamente o caminho recomendado para publicar sem manter um WebSocket aberto. Basta\n// aguardar o `send()` — ele resolve com 'ok' | 'timed out' | 'error' | …\n//\n// Widget (createSupabaseRealtimeHandle): constrói seu próprio client com a anon key e\n// assina o canal; `subscribe` devolve o `unsubscribe` (deixa o canal) e reporta a conexão\n// via onStatus (\"open\" em SUBSCRIBED, \"closed\" em CHANNEL_ERROR/TIMED_OUT/CLOSED).\n\nimport { createClient, type SupabaseClient } from \"@supabase/supabase-js\";\nimport type { ChatEvent, RealtimeHandle, RealtimeTransport } from \"../../bridge\";\n\n/** Prefixo do canal por sessão: `chat:<realtimeToken>`. */\nconst CHANNEL_PREFIX = \"chat:\";\n/** Nome do evento broadcast (o único usado pelo SDK). */\nconst BROADCAST_EVENT = \"chat\";\n\nconst channelName = (realtimeToken: string): string => `${CHANNEL_PREFIX}${realtimeToken}`;\n\n// Um único client por (url) por página. Reconstruir o client a cada render (StrictMode,\n// HMR, múltiplos mounts do widget) cria várias instâncias de GoTrueClient competindo pela\n// MESMA chave de localStorage do client de autenticação do app → dispara o aviso\n// \"Multiple GoTrueClient instances detected\". Cacheamos e isolamos o auth do realtime.\nconst clientCache = new Map<string, SupabaseClient>();\n\nfunction getRealtimeClient(url: string, anonKey: string): SupabaseClient {\n  const cached = clientCache.get(url);\n  if (cached) return cached;\n\n  const client = createClient(url, anonKey, {\n    auth: {\n      // O widget só assina um canal broadcast público: não precisa de sessão persistida,\n      // nem de refresh de token, nem de ler a URL. Desligar o persist + usar storageKey\n      // próprio garante que este client NÃO concorra com o auth do app pela mesma chave.\n      persistSession: false,\n      autoRefreshToken: false,\n      detectSessionInUrl: false,\n      storageKey: \"evolution-chat-realtime\",\n    },\n  });\n\n  clientCache.set(url, client);\n  return client;\n}\n\n/** Test-only: esvazia o cache de clientes entre testes. */\nexport function __resetRealtimeClientCache(): void {\n  clientCache.clear();\n}\n\n/**\n * Estados de assinatura do Realtime → \"open\"/\"closed\" da porta.\n * Comparar via lookup (e não `status === \"SUBSCRIBED\"`) porque REALTIME_SUBSCRIBE_STATES é\n * um enum string não reexportado por @supabase/supabase-js; o valor em runtime é a string.\n * Desconhecidos caem em \"closed\" (conservador: o widget mostra \"reconectando\").\n */\nconst STATUS_BY_REALTIME_STATE: Record<string, \"open\" | \"closed\"> = {\n  SUBSCRIBED: \"open\",\n  CHANNEL_ERROR: \"closed\",\n  TIMED_OUT: \"closed\",\n  CLOSED: \"closed\",\n};\n\n/** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */\nexport function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport {\n  return {\n    async publish(realtimeToken: string, event: ChatEvent): Promise<void> {\n      const channel = channelName(realtimeToken);\n      const response = await admin.channel(channel).send({\n        type: \"broadcast\",\n        event: BROADCAST_EVENT,\n        payload: event,\n      });\n      // 'ok' | 'timed out' | 'error' | 'rate limited' | 'channel error' | …\n      // Rejeitar em não-'ok' é intencional: o bridge (Task 6) captura e devolve\n      // handled:false, acionando a reentrega idempotente do webhook.\n      if (response !== \"ok\") {\n        throw new Error(`Supabase broadcast \"${channel}\" não entregue: ${response}`);\n      }\n    },\n  };\n}\n\n/**\n * Handle client-side (widget): `subscribe(token, onEvent, onStatus?)` assina\n * `chat:<token>` e devolve o unsubscribe. O client é criado uma única vez na fábrica.\n */\nexport function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle {\n  const client = getRealtimeClient(url, anonKey);\n\n  return {\n    subscribe(realtimeToken, onEvent, onStatus) {\n      const channel = client.channel(channelName(realtimeToken));\n\n      channel.on(\"broadcast\", { event: BROADCAST_EVENT }, (message: { payload: unknown }) => {\n        onEvent(message.payload as ChatEvent);\n      });\n\n      channel.subscribe((status: string) => {\n        onStatus?.(STATUS_BY_REALTIME_STATE[status] ?? \"closed\");\n      });\n\n      return () => {\n        void channel.unsubscribe();\n      };\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA,yBAAkD;AAIlD,IAAM,iBAAiB;AAEvB,IAAM,kBAAkB;AAExB,IAAM,cAAc,CAAC,kBAAkC,GAAG,cAAc,GAAG,aAAa;AAMxF,IAAM,cAAc,oBAAI,IAA4B;AAEpD,SAAS,kBAAkB,KAAa,SAAiC;AACvE,QAAM,SAAS,YAAY,IAAI,GAAG;AAClC,MAAI,OAAQ,QAAO;AAEnB,QAAM,aAAS,iCAAa,KAAK,SAAS;AAAA,IACxC,MAAM;AAAA;AAAA;AAAA;AAAA,MAIJ,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,YAAY;AAAA,IACd;AAAA,EACF,CAAC;AAED,cAAY,IAAI,KAAK,MAAM;AAC3B,SAAO;AACT;AAGO,SAAS,6BAAmC;AACjD,cAAY,MAAM;AACpB;AAQA,IAAM,2BAA8D;AAAA,EAClE,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,SAAS,wBAAwB,OAA0C;AAChF,SAAO;AAAA,IACL,MAAM,QAAQ,eAAuB,OAAiC;AACpE,YAAM,UAAU,YAAY,aAAa;AACzC,YAAM,WAAW,MAAM,MAAM,QAAQ,OAAO,EAAE,KAAK;AAAA,QACjD,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAID,UAAI,aAAa,MAAM;AACrB,cAAM,IAAI,MAAM,uBAAuB,OAAO,sBAAmB,QAAQ,EAAE;AAAA,MAC7E;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,6BAA6B,KAAa,SAAiC;AACzF,QAAM,SAAS,kBAAkB,KAAK,OAAO;AAE7C,SAAO;AAAA,IACL,UAAU,eAAe,SAAS,UAAU;AAC1C,YAAM,UAAU,OAAO,QAAQ,YAAY,aAAa,CAAC;AAEzD,cAAQ,GAAG,aAAa,EAAE,OAAO,gBAAgB,GAAG,CAAC,YAAkC;AACrF,gBAAQ,QAAQ,OAAoB;AAAA,MACtC,CAAC;AAED,cAAQ,UAAU,CAAC,WAAmB;AACpC,mBAAW,yBAAyB,MAAM,KAAK,QAAQ;AAAA,MACzD,CAAC;AAED,aAAO,MAAM;AACX,aAAK,QAAQ,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/transports/supabase/index.d.cts

@@ -1,6 +1,6 @@
 import { SupabaseClient } from '@supabase/supabase-js';
 
-type ChatMessageDirection = "visitor" | "owner";
+type ChatMessageDirection = "visitor" | "owner" | "system";
 type ChatMessageStatus = "pending" | "sent" | "failed";
 type ChatSessionStatus = "active" | "closed" | "failed";
 /** Mensagem persistida (domínio). */
@@ -34,6 +34,8 @@ interface RealtimeHandle {
     subscribe(realtimeToken: string, onEvent: (e: ChatEvent) => void, onStatus?: (s: "open" | "closed") => void): () => void;
 }
 
+/** Test-only: esvazia o cache de clientes entre testes. */
+declare function __resetRealtimeClientCache(): void;
 /** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */
 declare function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport;
 /**
@@ -42,4 +44,4 @@ declare function createSupabaseTransport(admin: SupabaseClient): RealtimeTranspo
  */
 declare function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle;
 
-export { createSupabaseRealtimeHandle, createSupabaseTransport };
+export { __resetRealtimeClientCache, createSupabaseRealtimeHandle, createSupabaseTransport };

package/transports/supabase/index.d.ts

@@ -1,6 +1,6 @@
 import { SupabaseClient } from '@supabase/supabase-js';
 
-type ChatMessageDirection = "visitor" | "owner";
+type ChatMessageDirection = "visitor" | "owner" | "system";
 type ChatMessageStatus = "pending" | "sent" | "failed";
 type ChatSessionStatus = "active" | "closed" | "failed";
 /** Mensagem persistida (domínio). */
@@ -34,6 +34,8 @@ interface RealtimeHandle {
     subscribe(realtimeToken: string, onEvent: (e: ChatEvent) => void, onStatus?: (s: "open" | "closed") => void): () => void;
 }
 
+/** Test-only: esvazia o cache de clientes entre testes. */
+declare function __resetRealtimeClientCache(): void;
 /** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */
 declare function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport;
 /**
@@ -42,4 +44,4 @@ declare function createSupabaseTransport(admin: SupabaseClient): RealtimeTranspo
  */
 declare function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle;
 
-export { createSupabaseRealtimeHandle, createSupabaseTransport };
+export { __resetRealtimeClientCache, createSupabaseRealtimeHandle, createSupabaseTransport };

package/transports/supabase/index.js

@@ -3,6 +3,27 @@ import { createClient } from "@supabase/supabase-js";
 var CHANNEL_PREFIX = "chat:";
 var BROADCAST_EVENT = "chat";
 var channelName = (realtimeToken) => `${CHANNEL_PREFIX}${realtimeToken}`;
+var clientCache = /* @__PURE__ */ new Map();
+function getRealtimeClient(url, anonKey) {
+  const cached = clientCache.get(url);
+  if (cached) return cached;
+  const client = createClient(url, anonKey, {
+    auth: {
+      // O widget só assina um canal broadcast público: não precisa de sessão persistida,
+      // nem de refresh de token, nem de ler a URL. Desligar o persist + usar storageKey
+      // próprio garante que este client NÃO concorra com o auth do app pela mesma chave.
+      persistSession: false,
+      autoRefreshToken: false,
+      detectSessionInUrl: false,
+      storageKey: "evolution-chat-realtime"
+    }
+  });
+  clientCache.set(url, client);
+  return client;
+}
+function __resetRealtimeClientCache() {
+  clientCache.clear();
+}
 var STATUS_BY_REALTIME_STATE = {
   SUBSCRIBED: "open",
   CHANNEL_ERROR: "closed",
@@ -25,7 +46,7 @@ function createSupabaseTransport(admin) {
   };
 }
 function createSupabaseRealtimeHandle(url, anonKey) {
-  const client = createClient(url, anonKey);
+  const client = getRealtimeClient(url, anonKey);
   return {
     subscribe(realtimeToken, onEvent, onStatus) {
       const channel = client.channel(channelName(realtimeToken));
@@ -42,6 +63,7 @@ function createSupabaseRealtimeHandle(url, anonKey) {
   };
 }
 export {
+  __resetRealtimeClientCache,
   createSupabaseRealtimeHandle,
   createSupabaseTransport
 };

package/transports/supabase/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/transports/supabase/index.ts"],"sourcesContent":["// src/transports/supabase/index.ts — adapter Supabase Realtime (broadcast) para as portas\n// RealtimeTransport (server publica) e RealtimeHandle (widget assina).\n//\n// Canal por sessão: `chat:<realtimeToken>`, evento broadcast `chat`, payload = ChatEvent.\n// O token aleatório de 24 bytes (192 bits, src/api/ids.ts) gerado na criação da sessão é a\n// única credencial do canal (broadcast não passa por RLS), então quem não tem o token não escuta.\n//\n// Server (createSupabaseTransport): recebe um SupabaseClient já construído pelo hospedeiro\n// (tipicamente com a service key). Não assinamos o canal: no supabase-js v2, `send()` num\n// canal não-joined cai no endpoint REST de broadcast (POST /realtime/v1/api/broadcast), que\n// é exatamente o caminho recomendado para publicar sem manter um WebSocket aberto. Basta\n// aguardar o `send()` — ele resolve com 'ok' | 'timed out' | 'error' | …\n//\n// Widget (createSupabaseRealtimeHandle): constrói seu próprio client com a anon key e\n// assina o canal; `subscribe` devolve o `unsubscribe` (deixa o canal) e reporta a conexão\n// via onStatus (\"open\" em SUBSCRIBED, \"closed\" em CHANNEL_ERROR/TIMED_OUT/CLOSED).\n\nimport { createClient, type SupabaseClient } from \"@supabase/supabase-js\";\nimport type { ChatEvent, RealtimeHandle, RealtimeTransport } from \"../../bridge\";\n\n/** Prefixo do canal por sessão: `chat:<realtimeToken>`. */\nconst CHANNEL_PREFIX = \"chat:\";\n/** Nome do evento broadcast (o único usado pelo SDK). */\nconst BROADCAST_EVENT = \"chat\";\n\nconst channelName = (realtimeToken: string): string => `${CHANNEL_PREFIX}${realtimeToken}`;\n\n/**\n * Estados de assinatura do Realtime → \"open\"/\"closed\" da porta.\n * Comparar via lookup (e não `status === \"SUBSCRIBED\"`) porque REALTIME_SUBSCRIBE_STATES é\n * um enum string não reexportado por @supabase/supabase-js; o valor em runtime é a string.\n * Desconhecidos caem em \"closed\" (conservador: o widget mostra \"reconectando\").\n */\nconst STATUS_BY_REALTIME_STATE: Record<string, \"open\" | \"closed\"> = {\n  SUBSCRIBED: \"open\",\n  CHANNEL_ERROR: \"closed\",\n  TIMED_OUT: \"closed\",\n  CLOSED: \"closed\",\n};\n\n/** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */\nexport function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport {\n  return {\n    async publish(realtimeToken: string, event: ChatEvent): Promise<void> {\n      const channel = channelName(realtimeToken);\n      const response = await admin.channel(channel).send({\n        type: \"broadcast\",\n        event: BROADCAST_EVENT,\n        payload: event,\n      });\n      // 'ok' | 'timed out' | 'error' | 'rate limited' | 'channel error' | …\n      // Rejeitar em não-'ok' é intencional: o bridge (Task 6) captura e devolve\n      // handled:false, acionando a reentrega idempotente do webhook.\n      if (response !== \"ok\") {\n        throw new Error(`Supabase broadcast \"${channel}\" não entregue: ${response}`);\n      }\n    },\n  };\n}\n\n/**\n * Handle client-side (widget): `subscribe(token, onEvent, onStatus?)` assina\n * `chat:<token>` e devolve o unsubscribe. O client é criado uma única vez na fábrica.\n */\nexport function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle {\n  const client = createClient(url, anonKey);\n\n  return {\n    subscribe(realtimeToken, onEvent, onStatus) {\n      const channel = client.channel(channelName(realtimeToken));\n\n      channel.on(\"broadcast\", { event: BROADCAST_EVENT }, (message: { payload: unknown }) => {\n        onEvent(message.payload as ChatEvent);\n      });\n\n      channel.subscribe((status: string) => {\n        onStatus?.(STATUS_BY_REALTIME_STATE[status] ?? \"closed\");\n      });\n\n      return () => {\n        void channel.unsubscribe();\n      };\n    },\n  };\n}\n"],"mappings":";AAiBA,SAAS,oBAAyC;AAIlD,IAAM,iBAAiB;AAEvB,IAAM,kBAAkB;AAExB,IAAM,cAAc,CAAC,kBAAkC,GAAG,cAAc,GAAG,aAAa;AAQxF,IAAM,2BAA8D;AAAA,EAClE,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,SAAS,wBAAwB,OAA0C;AAChF,SAAO;AAAA,IACL,MAAM,QAAQ,eAAuB,OAAiC;AACpE,YAAM,UAAU,YAAY,aAAa;AACzC,YAAM,WAAW,MAAM,MAAM,QAAQ,OAAO,EAAE,KAAK;AAAA,QACjD,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAID,UAAI,aAAa,MAAM;AACrB,cAAM,IAAI,MAAM,uBAAuB,OAAO,sBAAmB,QAAQ,EAAE;AAAA,MAC7E;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,6BAA6B,KAAa,SAAiC;AACzF,QAAM,SAAS,aAAa,KAAK,OAAO;AAExC,SAAO;AAAA,IACL,UAAU,eAAe,SAAS,UAAU;AAC1C,YAAM,UAAU,OAAO,QAAQ,YAAY,aAAa,CAAC;AAEzD,cAAQ,GAAG,aAAa,EAAE,OAAO,gBAAgB,GAAG,CAAC,YAAkC;AACrF,gBAAQ,QAAQ,OAAoB;AAAA,MACtC,CAAC;AAED,cAAQ,UAAU,CAAC,WAAmB;AACpC,mBAAW,yBAAyB,MAAM,KAAK,QAAQ;AAAA,MACzD,CAAC;AAED,aAAO,MAAM;AACX,aAAK,QAAQ,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/transports/supabase/index.ts"],"sourcesContent":["// src/transports/supabase/index.ts — adapter Supabase Realtime (broadcast) para as portas\n// RealtimeTransport (server publica) e RealtimeHandle (widget assina).\n//\n// Canal por sessão: `chat:<realtimeToken>`, evento broadcast `chat`, payload = ChatEvent.\n// O token aleatório de 24 bytes (192 bits, src/api/ids.ts) gerado na criação da sessão é a\n// única credencial do canal (broadcast não passa por RLS), então quem não tem o token não escuta.\n//\n// Server (createSupabaseTransport): recebe um SupabaseClient já construído pelo hospedeiro\n// (tipicamente com a service key). Não assinamos o canal: no supabase-js v2, `send()` num\n// canal não-joined cai no endpoint REST de broadcast (POST /realtime/v1/api/broadcast), que\n// é exatamente o caminho recomendado para publicar sem manter um WebSocket aberto. Basta\n// aguardar o `send()` — ele resolve com 'ok' | 'timed out' | 'error' | …\n//\n// Widget (createSupabaseRealtimeHandle): constrói seu próprio client com a anon key e\n// assina o canal; `subscribe` devolve o `unsubscribe` (deixa o canal) e reporta a conexão\n// via onStatus (\"open\" em SUBSCRIBED, \"closed\" em CHANNEL_ERROR/TIMED_OUT/CLOSED).\n\nimport { createClient, type SupabaseClient } from \"@supabase/supabase-js\";\nimport type { ChatEvent, RealtimeHandle, RealtimeTransport } from \"../../bridge\";\n\n/** Prefixo do canal por sessão: `chat:<realtimeToken>`. */\nconst CHANNEL_PREFIX = \"chat:\";\n/** Nome do evento broadcast (o único usado pelo SDK). */\nconst BROADCAST_EVENT = \"chat\";\n\nconst channelName = (realtimeToken: string): string => `${CHANNEL_PREFIX}${realtimeToken}`;\n\n// Um único client por (url) por página. Reconstruir o client a cada render (StrictMode,\n// HMR, múltiplos mounts do widget) cria várias instâncias de GoTrueClient competindo pela\n// MESMA chave de localStorage do client de autenticação do app → dispara o aviso\n// \"Multiple GoTrueClient instances detected\". Cacheamos e isolamos o auth do realtime.\nconst clientCache = new Map<string, SupabaseClient>();\n\nfunction getRealtimeClient(url: string, anonKey: string): SupabaseClient {\n  const cached = clientCache.get(url);\n  if (cached) return cached;\n\n  const client = createClient(url, anonKey, {\n    auth: {\n      // O widget só assina um canal broadcast público: não precisa de sessão persistida,\n      // nem de refresh de token, nem de ler a URL. Desligar o persist + usar storageKey\n      // próprio garante que este client NÃO concorra com o auth do app pela mesma chave.\n      persistSession: false,\n      autoRefreshToken: false,\n      detectSessionInUrl: false,\n      storageKey: \"evolution-chat-realtime\",\n    },\n  });\n\n  clientCache.set(url, client);\n  return client;\n}\n\n/** Test-only: esvazia o cache de clientes entre testes. */\nexport function __resetRealtimeClientCache(): void {\n  clientCache.clear();\n}\n\n/**\n * Estados de assinatura do Realtime → \"open\"/\"closed\" da porta.\n * Comparar via lookup (e não `status === \"SUBSCRIBED\"`) porque REALTIME_SUBSCRIBE_STATES é\n * um enum string não reexportado por @supabase/supabase-js; o valor em runtime é a string.\n * Desconhecidos caem em \"closed\" (conservador: o widget mostra \"reconectando\").\n */\nconst STATUS_BY_REALTIME_STATE: Record<string, \"open\" | \"closed\"> = {\n  SUBSCRIBED: \"open\",\n  CHANNEL_ERROR: \"closed\",\n  TIMED_OUT: \"closed\",\n  CLOSED: \"closed\",\n};\n\n/** Publica `event` no canal broadcast da sessão. Rejeita se o broadcast não for aceito. */\nexport function createSupabaseTransport(admin: SupabaseClient): RealtimeTransport {\n  return {\n    async publish(realtimeToken: string, event: ChatEvent): Promise<void> {\n      const channel = channelName(realtimeToken);\n      const response = await admin.channel(channel).send({\n        type: \"broadcast\",\n        event: BROADCAST_EVENT,\n        payload: event,\n      });\n      // 'ok' | 'timed out' | 'error' | 'rate limited' | 'channel error' | …\n      // Rejeitar em não-'ok' é intencional: o bridge (Task 6) captura e devolve\n      // handled:false, acionando a reentrega idempotente do webhook.\n      if (response !== \"ok\") {\n        throw new Error(`Supabase broadcast \"${channel}\" não entregue: ${response}`);\n      }\n    },\n  };\n}\n\n/**\n * Handle client-side (widget): `subscribe(token, onEvent, onStatus?)` assina\n * `chat:<token>` e devolve o unsubscribe. O client é criado uma única vez na fábrica.\n */\nexport function createSupabaseRealtimeHandle(url: string, anonKey: string): RealtimeHandle {\n  const client = getRealtimeClient(url, anonKey);\n\n  return {\n    subscribe(realtimeToken, onEvent, onStatus) {\n      const channel = client.channel(channelName(realtimeToken));\n\n      channel.on(\"broadcast\", { event: BROADCAST_EVENT }, (message: { payload: unknown }) => {\n        onEvent(message.payload as ChatEvent);\n      });\n\n      channel.subscribe((status: string) => {\n        onStatus?.(STATUS_BY_REALTIME_STATE[status] ?? \"closed\");\n      });\n\n      return () => {\n        void channel.unsubscribe();\n      };\n    },\n  };\n}\n"],"mappings":";AAiBA,SAAS,oBAAyC;AAIlD,IAAM,iBAAiB;AAEvB,IAAM,kBAAkB;AAExB,IAAM,cAAc,CAAC,kBAAkC,GAAG,cAAc,GAAG,aAAa;AAMxF,IAAM,cAAc,oBAAI,IAA4B;AAEpD,SAAS,kBAAkB,KAAa,SAAiC;AACvE,QAAM,SAAS,YAAY,IAAI,GAAG;AAClC,MAAI,OAAQ,QAAO;AAEnB,QAAM,SAAS,aAAa,KAAK,SAAS;AAAA,IACxC,MAAM;AAAA;AAAA;AAAA;AAAA,MAIJ,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,YAAY;AAAA,IACd;AAAA,EACF,CAAC;AAED,cAAY,IAAI,KAAK,MAAM;AAC3B,SAAO;AACT;AAGO,SAAS,6BAAmC;AACjD,cAAY,MAAM;AACpB;AAQA,IAAM,2BAA8D;AAAA,EAClE,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,SAAS,wBAAwB,OAA0C;AAChF,SAAO;AAAA,IACL,MAAM,QAAQ,eAAuB,OAAiC;AACpE,YAAM,UAAU,YAAY,aAAa;AACzC,YAAM,WAAW,MAAM,MAAM,QAAQ,OAAO,EAAE,KAAK;AAAA,QACjD,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAID,UAAI,aAAa,MAAM;AACrB,cAAM,IAAI,MAAM,uBAAuB,OAAO,sBAAmB,QAAQ,EAAE;AAAA,MAC7E;AAAA,IACF;AAAA,EACF;AACF;AAMO,SAAS,6BAA6B,KAAa,SAAiC;AACzF,QAAM,SAAS,kBAAkB,KAAK,OAAO;AAE7C,SAAO;AAAA,IACL,UAAU,eAAe,SAAS,UAAU;AAC1C,YAAM,UAAU,OAAO,QAAQ,YAAY,aAAa,CAAC;AAEzD,cAAQ,GAAG,aAAa,EAAE,OAAO,gBAAgB,GAAG,CAAC,YAAkC;AACrF,gBAAQ,QAAQ,OAAoB;AAAA,MACtC,CAAC;AAED,cAAQ,UAAU,CAAC,WAAmB;AACpC,mBAAW,yBAAyB,MAAM,KAAK,QAAQ;AAAA,MACzD,CAAC;AAED,aAAO,MAAM;AACX,aAAK,QAAQ,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/widget/index.cjs

@@ -268,6 +268,17 @@ var WIDGET_CSS = `/*
 .ecw-item { display: flex; flex-direction: column; max-width: 82%; }
 .ecw-item--visitor { align-self: flex-end; align-items: flex-end; }
 .ecw-item--owner { align-self: flex-start; align-items: flex-start; }
+.ecw-item--system { align-self: center; align-items: center; max-width: 92%; }
+.ecw-system {
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: var(--ecw-surface);
+  border: 1px solid var(--ecw-border);
+  color: var(--ecw-muted);
+  font-size: 11px;
+  text-align: center;
+  overflow-wrap: anywhere;
+}
 .ecw-bubble {
   padding: 8px 12px;
   border-radius: 12px;
@@ -351,6 +362,8 @@ var WIDGET_CSS = `/*
 .ecw-closed { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ecw-border); background: var(--ecw-surface); }
 
 .ecw-footer { padding: 6px 12px 10px; font-size: 11px; color: var(--ecw-muted); text-align: center; background: var(--ecw-surface); }
+.ecw-powered-link { color: var(--ecw-accent); font-weight: 600; text-decoration: none; }
+.ecw-powered-link:hover { text-decoration: underline; }
 
 /* \u2500\u2500 utilit\xE1rios \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 .ecw-hp { display: none !important; }
@@ -896,16 +909,18 @@ function ChatPanel({ messages, canCompose, sending, locale, tr, listRef, firstFi
     void onSend(text);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { ref: listRef, className: "ecw-list", children: messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: `ecw-item ecw-item--${m.direction}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `ecw-bubble ecw-bubble--${m.direction}`, children: m.body }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ecw-meta", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: m.createdAt, children: formatTime(m.createdAt, locale) }),
-        m.direction === "visitor" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusMark, { status: m.status }),
-        m.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ecw-retry", onClick: () => {
-          void onRetry(m.id);
-        }, children: tr("retry") })
-      ] })
-    ] }, m.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { ref: listRef, className: "ecw-list", children: messages.map(
+      (m) => m.direction === "system" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "ecw-item ecw-item--system", role: "status", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ecw-system", children: m.body }) }, m.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: `ecw-item ecw-item--${m.direction}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `ecw-bubble ecw-bubble--${m.direction}`, children: m.body }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ecw-meta", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: m.createdAt, children: formatTime(m.createdAt, locale) }),
+          m.direction === "visitor" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusMark, { status: m.status }),
+          m.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ecw-retry", onClick: () => {
+            void onRetry(m.id);
+          }, children: tr("retry") })
+        ] })
+      ] }, m.id)
+    ) }),
     !canCompose && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ecw-closed", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ecw-notice", role: "status", children: tr("sessionClosed") }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ecw-submit", onClick: onNewConversation, children: tr("newConversation") })
@@ -1019,7 +1034,20 @@ function ChatWidget(props) {
           onSubmit: submitForm
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("footer", { className: "ecw-footer", children: `${tr("poweredBy")} Evolution Chat` })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "ecw-footer", children: [
+        tr("poweredBy"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            className: "ecw-powered-link",
+            href: "https://erlancarreira.com.br",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Erlan Carreira"
+          }
+        )
+      ] })
     ] })
   ] });
 }