fix(contacts): distinguish WhatsApp group contacts from real customer contacts (EVO-1018)

- Add 'group' to Contact type union in TypeScript types
- Add include_groups param to ContactsListParams and ContactsSearchParams
- Update ContactTypeBadge to render 'Group' badge with Users icon for group type
- Normalize group type to person in ContactForm (groups are not editable via form)
- Add type.group translation key to all 6 locales (en, pt, pt-BR, es, fr, it)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: marcelogorutuba

src/components/contacts/ContactForm.tsx

@@ -156,7 +156,7 @@ export default function ContactForm({
       const lastName = nameParts.slice(1).join(' ') || '';
 
       setFormData({
-        type: contact.type || 'person',
+        type: (contact.type === 'group' ? 'person' : contact.type) || 'person',
         firstName,
         lastName,
         email: contact.email || '',

src/components/contacts/ContactTypeBadge.tsx

@@ -1,14 +1,24 @@
 import { Badge } from '@evoapi/design-system';
-import { User, Building2 } from 'lucide-react';
+import { User, Building2, Users } from 'lucide-react';
 import { useLanguage } from '@/hooks/useLanguage';
 
 interface ContactTypeBadgeProps {
-  type: 'person' | 'company';
+  type: 'person' | 'company' | 'group';
   className?: string;
 }
 
 export default function ContactTypeBadge({ type, className = '' }: ContactTypeBadgeProps) {
   const { t } = useLanguage('contacts');
+
+  if (type === 'group') {
+    return (
+      <Badge variant="outline" className={`gap-1 ${className}`}>
+        <Users className="h-3 w-3" />
+        {t('type.group')}
+      </Badge>
+    );
+  }
+
   const isPerson = type === 'person';
 
   return (

src/i18n/locales/en/contacts.json

@@ -491,7 +491,8 @@
   },
   "type": {
     "person": "Person",
-    "company": "Company"
+    "company": "Company",
+    "group": "Group"
   },
   "filter": {
     "title": "Filter Contacts",

src/i18n/locales/es/contacts.json

@@ -483,7 +483,8 @@
   },
   "type": {
     "person": "Persona",
-    "company": "Empresa"
+    "company": "Empresa",
+    "group": "Grupo"
   },
   "filter": {
     "title": "Filtrar Contactos",

src/i18n/locales/fr/contacts.json

@@ -483,7 +483,8 @@
   },
   "type": {
     "person": "Personne",
-    "company": "Entreprise"
+    "company": "Entreprise",
+    "group": "Groupe"
   },
   "filter": {
     "title": "Filtrer les Contacts",

src/i18n/locales/it/contacts.json

@@ -483,7 +483,8 @@
   },
   "type": {
     "person": "Persona",
-    "company": "Azienda"
+    "company": "Azienda",
+    "group": "Gruppo"
   },
   "filter": {
     "title": "Filtra Contatti",

src/i18n/locales/pt-BR/contacts.json

@@ -491,7 +491,8 @@
   },
   "type": {
     "person": "Pessoa",
-    "company": "Empresa"
+    "company": "Empresa",
+    "group": "Grupo"
   },
   "filter": {
     "title": "Filtrar Contatos",

src/i18n/locales/pt/contacts.json

@@ -491,7 +491,8 @@
   },
   "type": {
     "person": "Pessoa",
-    "company": "Empresa"
+    "company": "Empresa",
+    "group": "Grupo"
   },
   "filter": {
     "title": "Filtrar Contatos",

src/types/contacts/contact.ts

@@ -112,7 +112,7 @@ export interface ContactPipelineInfo {
 export interface Contact {
   id: string;
   name: string;
-  type: 'person' | 'company';
+  type: 'person' | 'company' | 'group';
   email: string;
   phone_number: string;
   thumbnail: string;
@@ -210,7 +210,8 @@ export interface ContactsListParams {
   order?: 'asc' | 'desc';
   labels?: string[];
   q?: string;
-  type?: 'person' | 'company';
+  type?: 'person' | 'company' | 'group';
+  include_groups?: boolean;
   company_id?: string;
   include_contact_inboxes?: boolean;
   created_after?: string;
@@ -224,7 +225,7 @@ export interface ContactsSearchParams {
   page?: number;
   per_page?: number;
   sort?: string;
-  type?: 'person' | 'company';
+  type?: 'person' | 'company' | 'group';
   labels?: string[];
   include_contact_inboxes?: boolean;
 }