@fluid-app/portal-sdk 0.1.230 → 0.1.232

package/dist/ContactsScreen-B4Ue9m5H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactsScreen-B4Ue9m5H.mjs","names":["Table","formatDueDate","EmptyState","EmptyState","formatLabel","formatDate","STATUS_FILTERS","EmptyState","portalTenantContacts.contacts_show","portalTenantContacts.contacts_list","portalTenantContacts.contacts_create","portalTenantContacts.contacts_update","portalTenantContacts.contacts_destroy","portalTenantContacts.contacts_bulk_destroy","portalTenantContacts.contacts_notes_list","portalTenantContacts.contacts_notes_create","portalTenantContacts.contacts_notes_update","portalTenantContacts.contacts_notes_destroy","portalTenantContacts.contacts_tasks_list","portalTenantContacts.contacts_tasks_create","portalTenantContacts.contacts_tasks_update","portalTenantContacts.contacts_tasks_destroy","portalTenantContacts.contacts_groups_list","portalTenantContacts.contacts_groups_create","portalTenantContacts.contacts_groups_update","portalTenantContacts.contacts_groups_destroy"],"sources":["../../../contacts/core/src/contacts-api-context.ts","../../../contacts/core/src/query-keys.ts","../../../contacts/core/src/hooks/use-infinite-contacts.ts","../../../contacts/ui/src/shared/components/contacts/statusBadge.tsx","../../../contacts/ui/src/shared/components/contacts/allContacts/contactsTable.tsx","../../../contacts/ui/src/shared/components/contacts/allContacts/contactsPage.tsx","../../../contacts/ui/src/screens/ContactsListScreen.tsx","../../../contacts/ui/src/screens/ContactDetailScreen.tsx","../../../contacts/ui/src/screens/ContactCreateScreen.tsx","../../../contacts/ui/src/shared/components/contacts/contactCard/palettes.ts","../../../contacts/ui/src/shared/components/contacts/contactCard/styles.tsx","../../../contacts/ui/src/shared/components/contacts/contactCard/contactInfoCard.tsx","../../../contacts/ui/src/shared/components/contacts/contactDetailsForm.tsx","../../../contacts/ui/src/portal/hooks/notes/use-delete-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-create-contact-note.ts","../../../contacts/ui/src/portal/hooks/notes/use-update-contact-note.ts","../../../contacts/ui/src/portal/utils/format-date.ts","../../../contacts/ui/src/portal/components/editor/note-task-editor.tsx","../../../contacts/ui/src/portal/components/editor/note-task-modal.tsx","../../../contacts/ui/src/portal/components/notes/notes-list.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-toggle-task-completion.ts","../../../contacts/ui/src/portal/hooks/contacts/use-delete-contact-task.ts","../../../contacts/ui/src/portal/hooks/contacts/use-create-contact-task.ts","../../../contacts/ui/src/portal/hooks/contacts/use-update-contact-task.ts","../../../contacts/ui/src/portal/components/tasks/task-list.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-contact-activities.ts","../../../contacts/ui/src/portal/hooks/contacts/use-contact-tasks.ts","../../../contacts/ui/src/portal/hooks/notes/use-contact-notes.ts","../../../contacts/ui/src/portal/hooks/contacts/use-mark-contact-read.ts","../../../contacts/ui/src/portal/hooks/groups/use-groups.ts","../../../contacts/ui/src/portal/hooks/groups/use-create-group.ts","../../../contacts/ui/src/portal/hooks/groups/use-update-contact-tags.ts","../../../contacts/ui/src/portal/components/contacts/detail/GroupsSection.tsx","../../../contacts/ui/src/portal/components/contacts/detail/ManageGroupsModal.tsx","../../../contacts/ui/src/portal/components/contacts/detail/CreateGroupModal.tsx","../../../contacts/ui/src/portal/components/contacts/rep-contact-detail-view.tsx","../../../contacts/ui/src/portal/components/shared/Pagination.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-contact-orders.ts","../../../contacts/ui/src/portal/components/orders/ContactOrdersList.tsx","../../../contacts/ui/src/portal/hooks/contacts/use-contact-subscription-orders.ts","../../../contacts/ui/src/portal/components/subscriptions/ContactSubscriptionOrdersList.tsx","../../../contacts/ui/src/shared/hooks/useContactDetail.ts","../../../contacts/ui/src/shared/hooks/useUpdateContactMutation.ts","../../../contacts/ui/src/shared/hooks/useDeleteContactMutation.ts","../../../contacts/ui/src/shared/schemas/contactFormSchema.ts","../../../contacts/ui/src/shared/hooks/useContactDetailPage.ts","../../../contacts/ui/src/shared/hooks/useCreateContactMutation.ts","../../../api-clients/portal-tenant-contacts/src/namespaces/portal_tenant_contacts.ts","../src/adapters/contacts-api-adapter.ts","../src/contacts/PortalContactsApiProvider.tsx","../src/screens/ContactsScreen.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContactsApi } from \"./contacts-api\";\nimport type { NotesApi } from \"./notes-api\";\nimport type { TasksApi } from \"./tasks-api\";\nimport type { GroupsApi } from \"./groups-api\";\n\nexport interface ContactsDomainApi {\n  contacts: ContactsApi;\n  notes: NotesApi;\n  tasks: TasksApi;\n  groups?: GroupsApi;\n}\n\nconst ContactsApiContext = createContext<ContactsDomainApi | null>(null);\n\nexport const ContactsApiProvider = ContactsApiContext.Provider;\n\nexport function useContactsDomainApi(): ContactsDomainApi {\n  const api = useContext(ContactsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useContactsDomainApi must be used within a ContactsApiProvider\",\n    );\n  }\n  return api;\n}\n\nexport function useContactsCrud(): ContactsApi {\n  return useContactsDomainApi().contacts;\n}\n\nexport function useNotesApi(): NotesApi {\n  return useContactsDomainApi().notes;\n}\n\nexport function useTasksApi(): TasksApi {\n  return useContactsDomainApi().tasks;\n}\n\n/** Returns GroupsApi if the provider supplies one, otherwise null. */\nexport function useGroupsApi(): GroupsApi | null {\n  return useContactsDomainApi().groups ?? null;\n}\n","export const CONTACTS_QUERY_KEYS = {\n  all: (prefix: string) => [prefix] as const,\n  list: (prefix: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"list\"] as const,\n  detail: (prefix: string, id: string) =>\n    [...CONTACTS_QUERY_KEYS.all(prefix), \"detail\", id] as const,\n} as const;\n\nexport const contactsKeys = {\n  activities: (contactId: string) =>\n    [\"portal-contacts\", \"activities\", contactId] as const,\n  tasks: (contactId: string) =>\n    [\"portal-contacts\", \"tasks\", contactId] as const,\n  notes: (contactId: string) =>\n    [\"portal-contacts\", \"notes\", contactId] as const,\n  orders: (contactId: string) => [\"rep-contacts\", \"orders\", contactId] as const,\n  subscriptionOrders: (contactId: string) =>\n    [\"rep-contacts\", \"subscription-orders\", contactId] as const,\n  groups: () => [\"portal-contacts\", \"groups\"] as const,\n} as const;\n","import { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"../contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"../query-keys\";\n\nexport interface UseInfiniteContactsParams {\n  search_query?: string;\n  status?: string;\n  sort_by?: string;\n  sort_direction?: string;\n  per_page?: number;\n  tags?: string[];\n}\n\nexport function useInfiniteContacts(params: UseInfiniteContactsParams) {\n  const api = useContactsCrud();\n  return useInfiniteQuery({\n    queryKey: [...CONTACTS_QUERY_KEYS.list(\"contacts\"), params],\n    queryFn: ({ pageParam }) =>\n      api.listContacts({\n        ...params,\n        page: pageParam,\n      }),\n    getNextPageParam: (lastPage) => {\n      const currentPage = lastPage.meta.current_page;\n      // Contacts API is page-number based; next_cursor and total_pages\n      // are both used as \"has-next-page\" signals.\n      if (currentPage == null) return undefined;\n      if (lastPage.meta.next_cursor) return currentPage + 1;\n      if (\n        lastPage.meta.total_pages != null &&\n        currentPage < lastPage.meta.total_pages\n      ) {\n        return currentPage + 1;\n      }\n      return undefined;\n    },\n    initialPageParam: 1,\n  });\n}\n","import React from \"react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\n\nconst statusStyles: Record<string, string> = {\n  // Contact statuses\n  new: \"border-[var(--status-new-border)] bg-[var(--status-new)] text-[var(--status-new-foreground)]\",\n  active:\n    \"border-[var(--status-active-border)] bg-[var(--status-active)] text-[var(--status-active-foreground)]\",\n  inactive: \"border-border bg-muted text-muted-foreground\",\n  lead: \"border-[var(--status-lead-border)] bg-[var(--status-lead)] text-[var(--status-lead-foreground)]\",\n  customer:\n    \"border-[var(--status-customer-border)] bg-[var(--status-customer)] text-[var(--status-customer-foreground)]\",\n  // Semantic categories (orders, subscriptions, etc.)\n  success:\n    \"border-[var(--badge-success-border)] bg-[var(--badge-success)] text-[var(--badge-success-foreground)]\",\n  warning:\n    \"border-[var(--badge-warning-border)] bg-[var(--badge-warning)] text-[var(--badge-warning-foreground)]\",\n  danger:\n    \"border-[var(--badge-danger-border)] bg-[var(--badge-danger)] text-[var(--badge-danger-foreground)]\",\n  info: \"border-[var(--badge-info-border)] bg-[var(--badge-info)] text-[var(--badge-info-foreground)]\",\n  neutral: \"border-border bg-muted text-muted-foreground\",\n  notice:\n    \"border-[var(--badge-notice-border)] bg-[var(--badge-notice)] text-[var(--badge-notice-foreground)]\",\n  accent:\n    \"border-[var(--badge-accent-border)] bg-[var(--badge-accent)] text-[var(--badge-accent-foreground)]\",\n};\n\nconst defaultStyle = \"border-border bg-muted text-muted-foreground\";\n\nexport type StatusBadgeVariant = keyof typeof statusStyles;\n\nexport function getStatusStyle(status: string): string {\n  return statusStyles[status] ?? defaultStyle;\n}\n\nexport function StatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: string;\n  label?: string;\n  className?: string;\n}): React.JSX.Element {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold capitalize\",\n        getStatusStyle(status),\n        className,\n      )}\n    >\n      {label ?? status}\n    </span>\n  );\n}\n","\"use client\";\n\nimport {\n  useState,\n  useEffect,\n  useCallback,\n  useRef,\n  useMemo,\n  type JSX,\n} from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Check, EllipsisVertical, Pencil, Tag, Trash2 } from \"lucide-react\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Button,\n  Card,\n  CardContent,\n  cn,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Skeleton,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@fluid-app/ui-primitives\";\nimport { SearchSort } from \"@fluid-app/ui-components/components/SearchSort\";\nimport { InfiniteScrollSentinel } from \"@fluid-app/ui-components/components/InfiniteScrollSentinel\";\nimport { StatusBadge } from \"../statusBadge\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactGroup } from \"@fluid-app/contacts-core/types\";\nimport { getContrastingTextColor } from \"@fluid-app/theme-engine\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface Contact {\n  id: number;\n  full_name: string;\n  email?: string | null;\n  phone?: string | null;\n  status: string | null;\n  avatar_url?: string | null;\n  lead_type?: string | null;\n  metadata?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface ContactsTableProps {\n  setSelectedContacts: (contacts: Contact[]) => void;\n  setOpenDeleteModal: (open: boolean) => void;\n  onEditContact?: (contact: Contact) => void;\n  onRowClick?: (contact: Contact) => void;\n  /** Incrementing key to reset selection from parent (e.g. after bulk delete) */\n  resetKey?: number;\n  /**\n   * `members` — members: one card per contact (avatar, name, email, phone, group).\n   * `default` — admin-style table with ID and status.\n   */\n  tableLayout?: \"default\" | \"members\";\n}\n\n// ---------------------------------------------------------------------------\n// Group-badge helpers\n// ---------------------------------------------------------------------------\n\nfunction getInitials(fullName: string | null | undefined): string {\n  const trimmed = fullName?.trim();\n  if (!trimmed) return \"?\";\n  const parts = trimmed.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) {\n    const a = parts[0]?.[0];\n    const b = parts[1]?.[0];\n    return `${a ?? \"\"}${b ?? \"\"}`.toUpperCase() || \"?\";\n  }\n  return trimmed.slice(0, 2).toUpperCase();\n}\n\nfunction dedupeGroupLabels(labels: string[]): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const label of labels) {\n    const key = label.toLowerCase();\n    if (seen.has(key)) continue;\n    seen.add(key);\n    out.push(label);\n  }\n  return out;\n}\n\n/** Pull a display label from one API group/tag object or string. */\nfunction labelFromGroupLikeItem(item: unknown): string {\n  if (typeof item === \"string\") return item.trim();\n  if (!item || typeof item !== \"object\") return \"\";\n  const o = item as Record<string, unknown>;\n  for (const k of [\"name\", \"title\", \"label\", \"display_name\"] as const) {\n    const v = o[k];\n    if (typeof v === \"string\" && v.trim()) return v.trim();\n  }\n  return \"\";\n}\n\nfunction labelsFromGroupArray(value: unknown): string[] {\n  if (!Array.isArray(value) || value.length === 0) return [];\n  return dedupeGroupLabels(\n    value.map(labelFromGroupLikeItem).filter(Boolean) as string[],\n  );\n}\n\nfunction labelsFromMetadata(m: Record<string, unknown>): string[] {\n  const arrayKeys = [\n    \"contact_groups\",\n    \"contactGroups\",\n    \"groups\",\n    \"labels\",\n    \"tags\",\n    \"segments\",\n  ] as const;\n  for (const key of arrayKeys) {\n    const found = labelsFromGroupArray(m[key]);\n    if (found.length > 0) return found;\n  }\n  for (const key of [\"group_name\", \"contact_group\", \"group\"] as const) {\n    const v = m[key];\n    if (typeof v === \"string\" && v.trim()) return [v.trim()];\n    const one = labelFromGroupLikeItem(v);\n    if (one) return [one];\n  }\n  return [];\n}\n\nfunction firstNonEmptyGroupList(...candidates: unknown[]): string[] {\n  for (const c of candidates) {\n    const labels = labelsFromGroupArray(c);\n    if (labels.length > 0) return labels;\n  }\n  return [];\n}\n\n/**\n * Ordered group labels for badges. Prefer plural/array sources before singular\n * `contact_group` so we don't drop additional groups when the API sends both.\n */\nfunction resolveContactGroupLabels(contact: Contact): string[] {\n  const raw = contact as Record<string, unknown>;\n\n  const fromPlural = firstNonEmptyGroupList(\n    raw.contact_groups,\n    raw.contactGroups,\n    raw.groups,\n    raw.labels,\n    raw.tags,\n    raw.segments,\n  );\n  if (fromPlural.length > 0) return fromPlural;\n\n  const direct = raw.group;\n  if (typeof direct === \"string\" && direct.trim()) return [direct.trim()];\n\n  const nested = raw.contact_group;\n  const singleNested = labelFromGroupLikeItem(nested);\n  if (singleNested) return [singleNested];\n\n  const meta = contact.metadata;\n  if (meta && typeof meta === \"object\") {\n    const fromMeta = labelsFromMetadata(meta as Record<string, unknown>);\n    if (fromMeta.length > 0) return fromMeta;\n  }\n\n  const lead = contact.lead_type;\n  if (lead && String(lead).trim()) {\n    return [String(lead).replaceAll(\"_\", \" \")];\n  }\n\n  return [];\n}\n\n// ---------------------------------------------------------------------------\n// RepContactCard\n// ---------------------------------------------------------------------------\n\ninterface RepContactCardProps {\n  contact: Contact;\n  selected: boolean;\n  onToggleSelect: (id: number) => void;\n  onRowClick?: (contact: Contact) => void;\n  onEditContact?: (contact: Contact) => void;\n  setSelectedContacts: (contacts: Contact[]) => void;\n  setOpenDeleteModal: (open: boolean) => void;\n  groupsByName: Map<string, ContactGroup>;\n}\n\nfunction RepContactCard({\n  contact,\n  selected,\n  onToggleSelect,\n  onRowClick,\n  onEditContact,\n  setSelectedContacts,\n  setOpenDeleteModal,\n  groupsByName,\n}: RepContactCardProps): JSX.Element {\n  const groupLabels = resolveContactGroupLabels(contact);\n  const groupTitle =\n    groupLabels.length > 0 ? groupLabels.join(\", \") : undefined;\n\n  return (\n    <Card\n      className={cn(\n        \"border-border hover:bg-accent/30 min-h-[100px] w-full flex-col items-start justify-center gap-0 py-3 shadow-sm transition-colors sm:py-0\",\n        selected && \"bg-accent/40 border-primary/25 ring-primary/20 ring-1\",\n      )}\n    >\n      <CardContent className=\"w-full px-3 py-0\">\n        <div className=\"flex items-center gap-2 sm:gap-3\">\n          <div\n            className=\"flex shrink-0 items-center\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <input\n              type=\"checkbox\"\n              checked={selected}\n              onChange={() => onToggleSelect(contact.id)}\n              aria-label={`Select ${contact.full_name}`}\n              className=\"accent-primary h-3.5 w-3.5 rounded sm:h-4 sm:w-4\"\n            />\n          </div>\n          <button\n            type=\"button\"\n            className=\"text-foreground focus-visible:ring-ring flex min-w-0 flex-1 items-center gap-2 rounded-md text-left outline-none focus-visible:ring-2 sm:gap-3\"\n            onClick={() => onRowClick?.(contact)}\n          >\n            <Avatar className=\"size-12 shrink-0\">\n              {contact.avatar_url ? (\n                <AvatarImage\n                  src={contact.avatar_url}\n                  alt={contact.full_name || \"Contact\"}\n                />\n              ) : null}\n              <AvatarFallback className=\"border-border text-foreground bg-accent ring-border/80 text-xs font-semibold ring-1\">\n                {getInitials(contact.full_name)}\n              </AvatarFallback>\n            </Avatar>\n            <div className=\"flex min-w-0 flex-1 flex-col gap-0.5 sm:flex-row sm:items-center sm:gap-3\">\n              <span\n                className=\"min-w-0 truncate text-sm leading-tight font-semibold sm:flex-[1.15]\"\n                title={contact.full_name}\n              >\n                {contact.full_name || \"—\"}\n              </span>\n              <span\n                className=\"text-muted-foreground min-w-0 truncate text-xs leading-tight sm:flex-[1.35]\"\n                title={contact.email ?? undefined}\n              >\n                {contact.email || \"—\"}\n              </span>\n              <span\n                className=\"text-muted-foreground min-w-0 truncate text-xs leading-tight sm:flex-[0.95]\"\n                title={contact.phone ?? undefined}\n              >\n                {contact.phone || \"—\"}\n              </span>\n              <span\n                className=\"text-muted-foreground flex min-w-0 flex-wrap items-center gap-1 text-xs leading-tight sm:flex-[0.95] sm:flex-nowrap\"\n                title={groupTitle}\n              >\n                {groupLabels.length > 0\n                  ? groupLabels.slice(0, 2).map((label, index) => {\n                      const group = groupsByName.get(label);\n                      const backgroundColor =\n                        group?.avatar_background ?? \"var(--color-muted)\";\n                      const textColor = group?.avatar_background\n                        ? getContrastingTextColor(group.avatar_background)\n                        : null;\n                      return (\n                        <span\n                          key={`${contact.id}-group-${index}-${label}`}\n                          className={cn(\n                            \"border-border inline-flex max-w-[min(100%,10rem)] shrink items-center gap-1 truncate rounded-full border px-2 py-0.5 font-normal capitalize\",\n                            !textColor && \"text-foreground\",\n                          )}\n                          style={{\n                            backgroundColor,\n                            ...(textColor ? { color: textColor } : {}),\n                          }}\n                          title={label}\n                        >\n                          {group?.avatar && <span>{group.avatar}</span>}\n                          <span className=\"truncate\">{label}</span>\n                        </span>\n                      );\n                    })\n                  : \"—\"}\n                {groupLabels.length > 2 && (\n                  <span className=\"text-muted-foreground shrink-0 text-[10px]\">\n                    +{groupLabels.length - 2}\n                  </span>\n                )}\n              </span>\n            </div>\n          </button>\n          <div\n            className=\"flex shrink-0 items-center\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  aria-label=\"Contact actions\"\n                >\n                  <EllipsisVertical className=\"h-4 w-4\" />\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                {onEditContact && (\n                  <>\n                    <DropdownMenuItem onClick={() => onEditContact(contact)}>\n                      <Pencil className=\"h-3.5 w-3.5\" />\n                      Edit\n                    </DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                  </>\n                )}\n                <DropdownMenuItem\n                  className=\"text-destructive\"\n                  onClick={() => {\n                    setSelectedContacts([contact]);\n                    setOpenDeleteModal(true);\n                  }}\n                >\n                  <Trash2 className=\"h-3.5 w-3.5\" />\n                  Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\ntype ContactSortDir = \"asc\" | \"desc\";\ntype ContactSortFieldOption = \"name\" | \"email\";\n\nfunction getSortComparable(\n  contact: Contact,\n  field: ContactSortFieldOption,\n): string {\n  if (field === \"name\") return contact.full_name ?? \"\";\n  return contact.email ?? \"\";\n}\n\nconst PAGE_SIZE = 25;\n\nconst CONTACT_SORT_COLUMNS: { id: ContactSortFieldOption; name: string }[] = [\n  { id: \"name\", name: \"Name\" },\n  { id: \"email\", name: \"Email\" },\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function ContactsTable({\n  setSelectedContacts,\n  setOpenDeleteModal,\n  onEditContact,\n  onRowClick,\n  resetKey,\n  tableLayout,\n}: ContactsTableProps): JSX.Element {\n  const isMemberLayout = tableLayout === \"members\";\n  const groupsApi = useGroupsApi();\n  const { data: availableGroups = [] } = useQuery({\n    queryKey: contactsKeys.groups(),\n    queryFn: () => groupsApi!.listGroups(),\n    enabled: !!groupsApi && isMemberLayout,\n    select: (data) => data.groups,\n  });\n  const groupsByName = useMemo(() => {\n    const map = new Map<string, ContactGroup>();\n    for (const group of availableGroups) map.set(group.name, group);\n    return map;\n  }, [availableGroups]);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [sortValue, setSortValue] = useState(\"name_asc\");\n  const [selectedTagNames, setSelectedTagNames] = useState<string[]>([]);\n  const [selectedIds, setSelectedIds] = useState<Set<number>>(new Set());\n\n  const toggleTag = useCallback((name: string) => {\n    setSelectedTagNames((prev) =>\n      prev.includes(name) ? prev.filter((n) => n !== name) : [...prev, name],\n    );\n  }, []);\n\n  const parsedSort = useMemo(() => {\n    const lastUnderscore = sortValue.lastIndexOf(\"_\");\n    const field = sortValue.slice(0, lastUnderscore) as ContactSortFieldOption;\n    const dir = sortValue.slice(lastUnderscore + 1);\n    return { id: field, desc: dir === \"desc\" };\n  }, [sortValue]);\n\n  // Clear selection when filters change\n  useEffect(() => {\n    setSelectedIds(new Set());\n  }, [searchTerm, sortValue, selectedTagNames]);\n\n  // Clear selection when parent signals (e.g. after bulk delete)\n  useEffect(() => {\n    setSelectedIds(new Set());\n  }, [resetKey]);\n\n  // Drop any selected tags that are no longer present in `availableGroups`, so\n  // renamed/deleted groups don't keep silently narrowing results after the\n  // matching menu item is gone. Functional updater keeps the effect tied to\n  // `availableGroups` only, avoiding a re-run on every toggle.\n  useEffect(() => {\n    setSelectedTagNames((prev) => {\n      if (availableGroups.length === 0) return prev.length > 0 ? [] : prev;\n      const validNames = new Set(availableGroups.map((g) => g.name));\n      const next = prev.filter((n) => validNames.has(n));\n      return next.length !== prev.length ? next : prev;\n    });\n  }, [availableGroups]);\n\n  const { data, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } =\n    useInfiniteContacts({\n      search_query: searchTerm || undefined,\n      tags:\n        isMemberLayout && selectedTagNames.length > 0\n          ? selectedTagNames\n          : undefined,\n      per_page: PAGE_SIZE,\n      sort_by: parsedSort.id,\n      sort_direction: parsedSort.desc ? \"desc\" : \"asc\",\n    });\n\n  const items = useMemo(\n    () => data?.pages.flatMap((p) => p.contacts) ?? [],\n    [data?.pages],\n  );\n\n  // sort_by/sort_direction are passed to listContacts so the server returns\n  // pre-sorted results. Client-side re-sort is kept as a fallback for API\n  // consumers that don't yet honour those params.\n  const displayItems = useMemo(() => {\n    const sortField = parsedSort.id;\n    const sortDir: ContactSortDir = parsedSort.desc ? \"desc\" : \"asc\";\n    return [...items].sort((a, b) => {\n      const av = getSortComparable(a, sortField).toLowerCase();\n      const bv = getSortComparable(b, sortField).toLowerCase();\n      const cmp = av.localeCompare(bv, undefined, { sensitivity: \"base\" });\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [items, parsedSort]);\n\n  const allSelected =\n    displayItems.length > 0 && displayItems.every((c) => selectedIds.has(c.id));\n  const someSelected = selectedIds.size > 0 && !allSelected;\n\n  const selectAllRef = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (selectAllRef.current) {\n      selectAllRef.current.indeterminate = someSelected;\n    }\n  }, [someSelected]);\n\n  const toggleSelectAll = useCallback(() => {\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      if (allSelected) {\n        for (const item of displayItems) next.delete(item.id);\n      } else {\n        for (const item of displayItems) next.add(item.id);\n      }\n      return next;\n    });\n  }, [allSelected, displayItems]);\n\n  const toggleSelect = useCallback((id: number) => {\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleBulkDelete = useCallback(() => {\n    const selected = displayItems.filter((c) => selectedIds.has(c.id));\n    if (selected.length > 0) {\n      setSelectedContacts(selected);\n      setOpenDeleteModal(true);\n    }\n  }, [displayItems, selectedIds, setSelectedContacts, setOpenDeleteModal]);\n\n  return (\n    <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n      {/* Header: search + sort (+ group filter for member layout) */}\n      <div className=\"flex items-center justify-end gap-2 p-3\">\n        <div className=\"w-full max-w-sm\">\n          <SearchSort\n            searchValue={searchTerm}\n            onSearchChange={setSearchTerm}\n            placeholder=\"Search contacts...\"\n            sortOptions={CONTACT_SORT_COLUMNS.flatMap((col) => [\n              { label: `${col.name} (A-Z)`, value: `${col.id}_asc` },\n              { label: `${col.name} (Z-A)`, value: `${col.id}_desc` },\n            ])}\n            sortValue={sortValue}\n            onSortChange={setSortValue}\n          />\n        </div>\n        {isMemberLayout && availableGroups.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                aria-label={\n                  selectedTagNames.length > 0\n                    ? `Filter by group (${selectedTagNames.length} selected)`\n                    : \"Filter by group\"\n                }\n              >\n                <Tag className=\"size-4\" />\n                <span className=\"hidden sm:inline\">Groups</span>\n                {selectedTagNames.length > 0 && (\n                  <span className=\"bg-primary text-primary-foreground inline-flex size-5 items-center justify-center rounded-full text-xs font-medium\">\n                    {selectedTagNames.length}\n                  </span>\n                )}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              align=\"end\"\n              className=\"max-h-80 overflow-y-auto\"\n            >\n              <DropdownMenuLabel>Filter by group</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {availableGroups.map((group) => {\n                const isSelected = selectedTagNames.includes(group.name);\n                return (\n                  <DropdownMenuItem\n                    key={group.id}\n                    onSelect={(e) => {\n                      e.preventDefault();\n                      toggleTag(group.name);\n                    }}\n                  >\n                    <span className=\"flex flex-1 items-center gap-2 capitalize\">\n                      {group.avatar && <span>{group.avatar}</span>}\n                      {group.name}\n                    </span>\n                    <Check\n                      className={cn(\n                        \"text-muted-foreground size-4\",\n                        !isSelected && \"invisible\",\n                      )}\n                    />\n                  </DropdownMenuItem>\n                );\n              })}\n              {selectedTagNames.length > 0 && (\n                <>\n                  <DropdownMenuSeparator />\n                  <DropdownMenuItem onSelect={() => setSelectedTagNames([])}>\n                    Clear filters\n                  </DropdownMenuItem>\n                </>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n\n      {/* Rep layout: card list (all breakpoints) */}\n      {isMemberLayout ? (\n        <div className=\"space-y-3 p-3\">\n          {!isLoading && items.length > 0 ? (\n            <div className=\"bg-muted/40 border-border flex flex-wrap items-center justify-between gap-2 rounded-lg border px-3 py-2\">\n              <div className=\"flex items-center gap-3\">\n                <input\n                  ref={selectAllRef}\n                  type=\"checkbox\"\n                  checked={allSelected}\n                  onChange={toggleSelectAll}\n                  aria-label={\n                    allSelected ? \"Deselect all\" : \"Select all on this page\"\n                  }\n                  className=\"accent-primary h-4 w-4 shrink-0 rounded\"\n                />\n                {selectedIds.size > 0 ? (\n                  <span className=\"text-foreground text-sm font-medium\">\n                    {selectedIds.size} selected\n                  </span>\n                ) : (\n                  <span className=\"text-muted-foreground text-sm\">\n                    Select all\n                  </span>\n                )}\n              </div>\n              {selectedIds.size > 0 ? (\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"h-8 gap-1 text-xs\"\n                    >\n                      <EllipsisVertical className=\"h-4 w-4\" />\n                      Actions\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\">\n                    <DropdownMenuItem\n                      className=\"text-destructive\"\n                      onClick={handleBulkDelete}\n                    >\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                      Delete {selectedIds.size}{\" \"}\n                      {selectedIds.size === 1 ? \"contact\" : \"contacts\"}\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              ) : null}\n            </div>\n          ) : null}\n\n          {isLoading ? (\n            Array(5)\n              .fill(0)\n              .map((_, i) => (\n                <Card\n                  key={`card-skel-${i}`}\n                  className=\"border-border h-[100px] w-full flex-col items-start justify-center gap-0 py-0 shadow-sm\"\n                >\n                  <CardContent className=\"w-full px-3 py-0\">\n                    <div className=\"flex items-center gap-2 sm:gap-3\">\n                      <Skeleton className=\"h-3.5 w-3.5 shrink-0 rounded sm:h-4 sm:w-4\" />\n                      <Skeleton className=\"size-12 shrink-0 rounded-full\" />\n                      <Skeleton className=\"h-3.5 max-w-[32%] shrink sm:max-w-none sm:flex-[1.15]\" />\n                      <Skeleton className=\"h-3.5 min-w-0 flex-[1.35]\" />\n                      <Skeleton className=\"h-3.5 min-w-0 flex-[0.95]\" />\n                      <Skeleton className=\"h-3.5 min-w-0 flex-[0.95]\" />\n                      <Skeleton className=\"size-7 shrink-0 rounded-md\" />\n                    </div>\n                  </CardContent>\n                </Card>\n              ))\n          ) : items.length === 0 ? (\n            <div className=\"text-muted-foreground py-10 text-center text-sm\">\n              {selectedTagNames.length > 0\n                ? \"No contacts found for the selected group filter.\"\n                : \"No contacts found\"}\n            </div>\n          ) : (\n            displayItems.map((contact) => (\n              <RepContactCard\n                key={contact.id}\n                contact={contact}\n                selected={selectedIds.has(contact.id)}\n                onToggleSelect={toggleSelect}\n                onRowClick={onRowClick}\n                onEditContact={onEditContact}\n                setSelectedContacts={setSelectedContacts}\n                setOpenDeleteModal={setOpenDeleteModal}\n                groupsByName={groupsByName}\n              />\n            ))\n          )}\n        </div>\n      ) : (\n        <>\n          {/* Mobile view (admin default) */}\n          <div className=\"block md:hidden\">\n            {isLoading ? (\n              Array(5)\n                .fill(0)\n                .map((_, i) => (\n                  <div\n                    key={`skeleton-${i}`}\n                    className=\"border-border border-b p-4\"\n                  >\n                    <div className=\"space-y-2\">\n                      <Skeleton className=\"h-4 w-3/4\" />\n                      <Skeleton className=\"h-3 w-1/2\" />\n                    </div>\n                  </div>\n                ))\n            ) : items.length === 0 ? (\n              <div className=\"text-muted-foreground px-3 py-8 text-center text-sm\">\n                No contacts found\n              </div>\n            ) : (\n              displayItems.map((contact) => (\n                <div\n                  key={contact.id}\n                  className=\"border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors last:border-b-0\"\n                  onClick={() => onRowClick?.(contact)}\n                >\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"text-foreground truncate text-sm font-medium\">\n                        {contact.full_name || \"—\"}\n                      </p>\n                      <p className=\"text-muted-foreground truncate text-xs\">\n                        {contact.email || \"—\"}\n                      </p>\n                    </div>\n                    {contact.status && <StatusBadge status={contact.status} />}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n\n          {/* Desktop view (admin table) */}\n          <div className=\"hidden md:block\">\n            <Table className=\"min-w-full table-fixed\">\n              <colgroup>\n                <col className=\"w-[40px]\" />\n                <col className=\"w-[60px]\" />\n                <col className=\"w-[25%] min-w-[160px]\" />\n                <col className=\"w-[25%] min-w-[160px]\" />\n                <col className=\"w-[15%] min-w-[120px]\" />\n                <col className=\"w-[15%] min-w-[100px]\" />\n                <col className=\"w-[50px]\" />\n              </colgroup>\n              <TableHeader className=\"bg-muted\">\n                {selectedIds.size > 0 ? (\n                  <TableRow>\n                    <TableHead className=\"px-3\">\n                      <input\n                        ref={selectAllRef}\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        onChange={toggleSelectAll}\n                        aria-label=\"Deselect all\"\n                        className=\"accent-primary h-4 w-4 rounded\"\n                      />\n                    </TableHead>\n                    <TableHead colSpan={5} className=\"px-3\">\n                      <span className=\"text-foreground text-sm font-medium\">\n                        {selectedIds.size} selected\n                      </span>\n                    </TableHead>\n                    <TableHead className=\"px-3\">\n                      <DropdownMenu>\n                        <DropdownMenuTrigger asChild>\n                          <Button variant=\"ghost\" size=\"icon-xs\">\n                            <EllipsisVertical className=\"h-4 w-4\" />\n                          </Button>\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent align=\"end\">\n                          <DropdownMenuItem\n                            className=\"text-destructive\"\n                            onClick={handleBulkDelete}\n                          >\n                            <Trash2 className=\"h-3.5 w-3.5\" />\n                            Delete {selectedIds.size}{\" \"}\n                            {selectedIds.size === 1 ? \"row\" : \"rows\"}\n                          </DropdownMenuItem>\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    </TableHead>\n                  </TableRow>\n                ) : (\n                  <TableRow>\n                    <TableHead className=\"px-3\">\n                      <input\n                        ref={selectAllRef}\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        onChange={toggleSelectAll}\n                        aria-label=\"Select all\"\n                        className=\"accent-primary h-4 w-4 rounded\"\n                      />\n                    </TableHead>\n                    <TableHead className=\"text-muted-foreground px-3 text-xs\">\n                      ID\n                    </TableHead>\n                    <TableHead className=\"text-muted-foreground px-3 text-xs\">\n                      Name\n                    </TableHead>\n                    <TableHead className=\"text-muted-foreground px-3 text-xs\">\n                      Email\n                    </TableHead>\n                    <TableHead className=\"text-muted-foreground px-3 text-xs\">\n                      Phone\n                    </TableHead>\n                    <TableHead className=\"text-muted-foreground px-3 text-xs\">\n                      Status\n                    </TableHead>\n                    <TableHead className=\"px-3\" />\n                  </TableRow>\n                )}\n              </TableHeader>\n              <TableBody className=\"bg-background\">\n                {isLoading ? (\n                  Array(5)\n                    .fill(0)\n                    .map((_, i) => (\n                      <TableRow key={`skeleton-${i}`}>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-4\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-8\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-24\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-32\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-20\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\">\n                          <Skeleton className=\"h-4 w-16\" />\n                        </TableCell>\n                        <TableCell className=\"px-3 py-3\" />\n                      </TableRow>\n                    ))\n                ) : items.length === 0 ? (\n                  <TableRow>\n                    <TableCell\n                      colSpan={7}\n                      className=\"text-muted-foreground px-3 py-8 text-center\"\n                    >\n                      No contacts found\n                    </TableCell>\n                  </TableRow>\n                ) : (\n                  displayItems.map((contact) => (\n                    <TableRow\n                      key={contact.id}\n                      className={cn(\n                        \"cursor-pointer\",\n                        selectedIds.has(contact.id) && \"bg-accent\",\n                      )}\n                      onClick={() => onRowClick?.(contact)}\n                    >\n                      <TableCell\n                        className=\"px-3 py-3\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <input\n                          type=\"checkbox\"\n                          checked={selectedIds.has(contact.id)}\n                          onChange={() => toggleSelect(contact.id)}\n                          aria-label={`Select ${contact.full_name}`}\n                          className=\"accent-primary h-4 w-4 rounded\"\n                        />\n                      </TableCell>\n                      <TableCell className=\"px-3 py-3 text-right\">\n                        {contact.id}\n                      </TableCell>\n                      <TableCell className=\"px-3 py-3\">\n                        <div\n                          className=\"max-w-32 truncate font-semibold\"\n                          title={contact.full_name}\n                        >\n                          {contact.full_name || \"—\"}\n                        </div>\n                      </TableCell>\n                      <TableCell className=\"px-3 py-3\">\n                        <div\n                          className=\"max-w-32 truncate\"\n                          title={contact.email ?? undefined}\n                        >\n                          {contact.email || \"—\"}\n                        </div>\n                      </TableCell>\n                      <TableCell className=\"px-3 py-3\">\n                        {contact.phone || \"—\"}\n                      </TableCell>\n                      <TableCell className=\"px-3 py-3\">\n                        {contact.status ? (\n                          <StatusBadge status={contact.status} />\n                        ) : (\n                          \"—\"\n                        )}\n                      </TableCell>\n                      <TableCell\n                        className=\"px-3 py-3\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <DropdownMenu>\n                          <DropdownMenuTrigger asChild>\n                            <Button variant=\"ghost\" size=\"icon-xs\">\n                              <EllipsisVertical className=\"h-4 w-4\" />\n                            </Button>\n                          </DropdownMenuTrigger>\n                          <DropdownMenuContent align=\"end\">\n                            {onEditContact && (\n                              <>\n                                <DropdownMenuItem\n                                  onClick={() => onEditContact(contact)}\n                                >\n                                  <Pencil className=\"h-3.5 w-3.5\" />\n                                  Edit\n                                </DropdownMenuItem>\n                                <DropdownMenuSeparator />\n                              </>\n                            )}\n                            <DropdownMenuItem\n                              className=\"text-destructive\"\n                              onClick={() => {\n                                setSelectedContacts([contact]);\n                                setOpenDeleteModal(true);\n                              }}\n                            >\n                              <Trash2 className=\"h-3.5 w-3.5\" />\n                              Delete\n                            </DropdownMenuItem>\n                          </DropdownMenuContent>\n                        </DropdownMenu>\n                      </TableCell>\n                    </TableRow>\n                  ))\n                )}\n              </TableBody>\n            </Table>\n          </div>\n        </>\n      )}\n\n      <InfiniteScrollSentinel\n        onLoadMore={fetchNextPage}\n        hasMore={!!hasNextPage}\n        isLoading={isFetchingNextPage}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useState, useCallback } from \"react\";\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  fluidToast,\n} from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { ContactsTable, type Contact } from \"./contactsTable\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport type { Contact };\n\nexport interface ContactsPageProps {\n  /** Function to delete contacts by IDs */\n  deleteContacts: (ids: number[]) => Promise<unknown>;\n  /** Header element (e.g. PageHeader with breadcrumbs and action buttons) */\n  header?: React.ReactNode;\n  /** Callback when edit action is triggered on a contact row */\n  onEditContact?: (contact: Contact) => void;\n  /** Callback when a contact row is clicked */\n  onRowClick?: (contact: Contact) => void;\n  /** @see ContactsTableProps[\"tableLayout\"] */\n  tableLayout?: \"default\" | \"members\";\n}\n\nexport function ContactsPage({\n  deleteContacts,\n  header,\n  onEditContact,\n  onRowClick,\n  tableLayout,\n}: ContactsPageProps): React.JSX.Element {\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const [selectedContacts, setSelectedContacts] = useState<Contact[]>([]);\n  const [resetKey, setResetKey] = useState(0);\n  const queryClient = useQueryClient();\n  const bumpResetKey = useCallback(() => setResetKey((k) => k + 1), []);\n\n  const deleteContactMutation = useMutation({\n    mutationFn: (ids: number[]) => deleteContacts(ids),\n    onSuccess: () => {\n      fluidToast({ title: \"Contacts deleted successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(\"contacts\"),\n      });\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete contacts\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n    onSettled: () => {\n      setOpenDeleteModal(false);\n      setSelectedContacts([]);\n      bumpResetKey();\n    },\n  });\n\n  return (\n    <>\n      {header}\n      <div className=\"mx-auto max-w-7xl space-y-6 px-4 py-4 md:px-10 md:py-8\">\n        <ContactsTable\n          setSelectedContacts={setSelectedContacts}\n          setOpenDeleteModal={setOpenDeleteModal}\n          onEditContact={onEditContact}\n          onRowClick={onRowClick}\n          resetKey={resetKey}\n          tableLayout={tableLayout}\n        />\n      </div>\n      <AlertDialog open={openDeleteModal} onOpenChange={setOpenDeleteModal}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete contact?</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to delete{\" \"}\n              {selectedContacts.length === 1\n                ? \"this contact\"\n                : `${selectedContacts.length} contacts`}\n              ? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              variant=\"destructive\"\n              onClick={() =>\n                deleteContactMutation.mutate(selectedContacts.map((c) => c.id))\n              }\n            >\n              Delete\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n","\"use client\";\n\nimport { useMemo, type ReactNode } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n  Button,\n} from \"@fluid-app/ui-primitives\";\nimport { Plus } from \"lucide-react\";\nimport {\n  useScreenHeaderActions,\n  useScreenHeaderBreadcrumbs,\n} from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport {\n  ContactsPage,\n  type Contact,\n} from \"../shared/components/contacts/allContacts/contactsPage\";\n\nexport type { Contact };\n\nexport interface ContactsListScreenProps {\n  deleteContacts: (ids: number[]) => Promise<unknown>;\n  onEditContact?: (contact: Contact) => void;\n  onRowClick?: (contact: Contact) => void;\n  onAddContact: () => void;\n  tableLayout?: \"default\" | \"members\";\n  /** Override the default header element rendered by ContactsPage */\n  header?: ReactNode;\n}\n\nexport function ContactsListScreen({\n  deleteContacts,\n  onEditContact,\n  onRowClick,\n  onAddContact,\n  tableLayout,\n  header,\n}: ContactsListScreenProps) {\n  const headerActions = useMemo(\n    () => (\n      <Button onClick={onAddContact} size=\"sm\">\n        <Plus className=\"mr-1 h-4 w-4\" />\n        Add Contact\n      </Button>\n    ),\n    [onAddContact],\n  );\n  useScreenHeaderActions(headerActions);\n\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">Contacts</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <ContactsPage\n      deleteContacts={deleteContacts}\n      tableLayout={tableLayout}\n      header={header}\n      onEditContact={onEditContact}\n      onRowClick={onRowClick}\n    />\n  );\n}\n","\"use client\";\n\nimport { useState, useMemo, type ReactNode } from \"react\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { EllipsisVertical } from \"lucide-react\";\nimport {\n  useScreenHeaderActions,\n  useScreenHeaderBreadcrumbs,\n} from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\n\nexport interface ContactDetailScreenProps {\n  contactId: string;\n  contact?: { full_name?: string | null } | null;\n  onNavigateToList: () => void;\n  onDelete: () => void;\n  isDeleting: boolean;\n  children: ReactNode;\n}\n\nexport function ContactDetailScreen({\n  contact,\n  onNavigateToList,\n  onDelete,\n  isDeleting,\n  children,\n}: ContactDetailScreenProps) {\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n\n  const headerActions = useMemo(\n    () => (\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" size=\"icon\" className=\"border-border\">\n            <EllipsisVertical className=\"h-4 w-4\" />\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\">\n          <DropdownMenuItem\n            className=\"text-destructive\"\n            onClick={() => setShowDeleteDialog(true)}\n          >\n            Delete\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    ),\n    [],\n  );\n  useScreenHeaderActions(headerActions);\n\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Contacts\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              {contact?.full_name ?? \"Contact\"}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [contact?.full_name, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <>\n      {children}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete Contact</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to delete{\" \"}\n              {contact?.full_name ?? \"this contact\"}? This action cannot be\n              undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isDeleting}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={() => {\n                onDelete();\n                setShowDeleteDialog(false);\n              }}\n              disabled={isDeleting}\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n            >\n              {isDeleting ? \"Deleting...\" : \"Delete\"}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n","\"use client\";\n\nimport { useMemo, type ReactNode } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Button,\n} from \"@fluid-app/ui-primitives\";\nimport {\n  useScreenHeaderActions,\n  useScreenHeaderBreadcrumbs,\n} from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\n\nexport interface ContactCreateScreenProps {\n  onNavigateToList: () => void;\n  onSubmit: () => void;\n  isPending: boolean;\n  children: ReactNode;\n}\n\nexport function ContactCreateScreen({\n  onNavigateToList,\n  onSubmit,\n  isPending,\n  children,\n}: ContactCreateScreenProps) {\n  const headerActions = useMemo(\n    () => (\n      <>\n        <Button\n          variant=\"outline\"\n          onClick={onNavigateToList}\n          disabled={isPending}\n        >\n          Cancel\n        </Button>\n        <Button onClick={onSubmit} disabled={isPending}>\n          {isPending ? \"Adding...\" : \"Add Contact\"}\n        </Button>\n      </>\n    ),\n    [onNavigateToList, onSubmit, isPending],\n  );\n  useScreenHeaderActions(headerActions);\n\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Contacts\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              New Contact\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return <>{children}</>;\n}\n","/**\n * Color palettes for contact card backgrounds.\n * Raw CSS values bypass Tailwind's JIT purge for dynamic backgrounds.\n */\n\nexport type GradientPalette = {\n  base: string;\n  overlay: string;\n  accent: string;\n  orb1: string;\n  orb2: string;\n  orb3: string;\n};\n\nexport const gradientPalettes: GradientPalette[] = [\n  {\n    base: \"linear-gradient(to bottom right, #7e22ce, #7c3aed, #a21caf)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(30,27,75,0.6), transparent, rgba(236,72,153,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(192,38,211,0.5), transparent, transparent)\",\n    orb1: \"rgba(59,7,100,0.4)\",\n    orb2: \"rgba(236,72,153,0.2)\",\n    orb3: \"rgba(49,46,129,0.3)\",\n  },\n  {\n    base: \"linear-gradient(to bottom right, #0f766e, #0891b2, #047857)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(15,23,42,0.6), transparent, rgba(45,212,191,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(16,185,129,0.5), transparent, transparent)\",\n    orb1: \"rgba(17,94,89,0.4)\",\n    orb2: \"rgba(34,211,238,0.2)\",\n    orb3: \"rgba(6,78,59,0.3)\",\n  },\n  {\n    base: \"linear-gradient(to bottom right, #be123c, #db2777, #ea580c)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(136,19,55,0.6), transparent, rgba(245,158,11,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(249,115,22,0.5), transparent, transparent)\",\n    orb1: \"rgba(136,19,55,0.4)\",\n    orb2: \"rgba(251,191,36,0.2)\",\n    orb3: \"rgba(157,23,77,0.3)\",\n  },\n  {\n    base: \"linear-gradient(to bottom right, #1d4ed8, #4f46e5, #6d28d9)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(15,23,42,0.6), transparent, rgba(96,165,250,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(139,92,246,0.5), transparent, transparent)\",\n    orb1: \"rgba(30,58,138,0.4)\",\n    orb2: \"rgba(129,140,248,0.2)\",\n    orb3: \"rgba(30,41,59,0.3)\",\n  },\n  {\n    base: \"linear-gradient(to bottom right, #b45309, #ea580c, #b91c1c)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(120,53,15,0.6), transparent, rgba(250,204,21,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(239,68,68,0.5), transparent, transparent)\",\n    orb1: \"rgba(120,53,15,0.4)\",\n    orb2: \"rgba(250,204,21,0.2)\",\n    orb3: \"rgba(154,52,18,0.3)\",\n  },\n  {\n    base: \"linear-gradient(to bottom right, #047857, #16a34a, #0f766e)\",\n    overlay:\n      \"linear-gradient(to top right, rgba(6,78,59,0.6), transparent, rgba(163,230,53,0.4))\",\n    accent:\n      \"linear-gradient(to bottom left, rgba(34,197,94,0.5), transparent, transparent)\",\n    orb1: \"rgba(6,78,59,0.4)\",\n    orb2: \"rgba(163,230,53,0.2)\",\n    orb3: \"rgba(21,128,61,0.3)\",\n  },\n];\n","/**\n * Background style renderers for the contact card.\n * Each style renders the background differently using the same palette.\n */\n\nimport React from \"react\";\nimport type { GradientPalette } from \"./palettes\";\n\nexport type BackgroundStyleRenderer = (\n  palette: GradientPalette,\n) => React.ReactNode;\n\nconst NOISE_TEXTURE =\n  \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9zdmc+')\";\n\n/** Floating blurred orbs on gradient — organic, painterly feel */\nexport const orbsStyle: BackgroundStyleRenderer = (palette) => (\n  <>\n    <div\n      className=\"absolute inset-0\"\n      style={{ backgroundImage: palette.base }}\n    />\n    <div\n      className=\"absolute inset-0\"\n      style={{ backgroundImage: palette.overlay }}\n    />\n    <div\n      className=\"absolute top-0 right-0 h-full w-2/3\"\n      style={{ backgroundImage: palette.accent }}\n    />\n    <div\n      className=\"absolute right-0 bottom-0 h-1/2 w-1/2 rounded-full blur-2xl\"\n      style={{ backgroundColor: palette.orb1 }}\n    />\n    <div\n      className=\"absolute top-1/4 left-1/4 h-32 w-32 rounded-full blur-xl\"\n      style={{ backgroundColor: palette.orb2 }}\n    />\n    <div\n      className=\"absolute bottom-1/3 left-0 h-24 w-40 rounded-full blur-xl\"\n      style={{ backgroundColor: palette.orb3 }}\n    />\n    <div\n      className=\"absolute inset-0 opacity-[0.15] mix-blend-overlay\"\n      style={{ backgroundImage: NOISE_TEXTURE }}\n    />\n  </>\n);\n\n/** Clean base gradient only — minimal and elegant */\nexport const cleanStyle: BackgroundStyleRenderer = (palette) => (\n  <div className=\"absolute inset-0\" style={{ backgroundImage: palette.base }} />\n);\n\n/** Soft radial mesh — ethereal, aurora-like glow */\nexport const auroraStyle: BackgroundStyleRenderer = (palette) => (\n  <>\n    <div\n      className=\"absolute inset-0\"\n      style={{ backgroundImage: palette.base }}\n    />\n    <div\n      className=\"absolute inset-0\"\n      style={{\n        backgroundImage: `radial-gradient(ellipse 80% 60% at 15% 80%, ${palette.orb1}, transparent)`,\n      }}\n    />\n    <div\n      className=\"absolute inset-0\"\n      style={{\n        backgroundImage: `radial-gradient(ellipse 70% 50% at 85% 25%, ${palette.orb2}, transparent)`,\n      }}\n    />\n    <div\n      className=\"absolute inset-0\"\n      style={{\n        backgroundImage: `radial-gradient(ellipse 60% 70% at 50% 50%, ${palette.orb3}, transparent)`,\n      }}\n    />\n    <div\n      className=\"absolute inset-0 opacity-[0.08] mix-blend-overlay\"\n      style={{ backgroundImage: NOISE_TEXTURE }}\n    />\n  </>\n);\n\n/** Overlapping angled panels — sharp, crystalline, modern */\nexport const prismStyle: BackgroundStyleRenderer = (palette) => (\n  <>\n    <div\n      className=\"absolute inset-0\"\n      style={{ backgroundImage: palette.base }}\n    />\n    <div\n      className=\"absolute -top-12 -right-12 h-4/5 w-4/5 origin-center rotate-12 rounded-3xl opacity-30\"\n      style={{ backgroundImage: palette.accent }}\n    />\n    <div\n      className=\"absolute -bottom-10 -left-10 h-3/5 w-3/5 origin-center -rotate-6 rounded-3xl opacity-25\"\n      style={{ backgroundImage: palette.overlay }}\n    />\n    <div\n      className=\"absolute top-1/3 right-1/4 h-40 w-28 rotate-45 rounded-2xl opacity-20\"\n      style={{ backgroundColor: palette.orb1 }}\n    />\n    <div\n      className=\"absolute bottom-1/4 left-1/3 h-24 w-36 -rotate-12 rounded-2xl opacity-15\"\n      style={{ backgroundColor: palette.orb2 }}\n    />\n  </>\n);\n\nexport const backgroundStyles: BackgroundStyleRenderer[] = [\n  orbsStyle,\n  cleanStyle,\n  auroraStyle,\n  prismStyle,\n];\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport {\n  Mail,\n  Phone,\n  Building,\n  ListChecks,\n  StickyNote,\n  CalendarDays,\n  MessageSquare,\n} from \"lucide-react\";\nimport {\n  cn,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@fluid-app/ui-primitives\";\nimport { StatusBadge } from \"../statusBadge\";\nimport { gradientPalettes, type GradientPalette } from \"./palettes\";\nimport { backgroundStyles, type BackgroundStyleRenderer } from \"./styles\";\n\nexport type ContactInfoCardData = {\n  firstName?: string | null;\n  lastName?: string | null;\n  email?: string | null;\n  phone?: string | null;\n  address?: string | null;\n  city?: string | null;\n  state?: string | null;\n  postalCode?: string | null;\n  status?: string | null;\n  avatarUrl?: string | null;\n  countryName?: string | null;\n};\n\ntype ContactInfoCardProps = {\n  contact: ContactInfoCardData;\n  className?: string;\n  onEdit?: () => void;\n  showActions?: boolean;\n  onCreateTask?: () => void;\n  onCreateNote?: () => void;\n  onViewEvents?: () => void;\n  onMessage?: () => void;\n  isDimmed?: boolean;\n};\n\nfunction CardBackground({\n  palette,\n  renderer,\n}: {\n  palette: GradientPalette;\n  renderer: BackgroundStyleRenderer;\n}) {\n  return <>{renderer(palette)}</>;\n}\n\nexport const ContactInfoCard: React.FC<ContactInfoCardProps> = ({\n  contact,\n  className,\n  onEdit,\n  showActions = false,\n  onCreateTask,\n  onCreateNote,\n  onViewEvents,\n  onMessage,\n  isDimmed = false,\n}) => {\n  const fullName =\n    [contact.firstName, contact.lastName].filter(Boolean).join(\" \") ||\n    \"Unknown\";\n  const initials = [contact.firstName?.[0], contact.lastName?.[0]]\n    .filter(Boolean)\n    .join(\"\");\n  const status = contact.status ?? \"new\";\n\n  const hasAddress =\n    contact.address ||\n    contact.city ||\n    contact.state ||\n    contact.postalCode ||\n    contact.countryName;\n\n  // Derive palette deterministically from contact identity\n  const { palette, renderBackground } = useMemo(() => {\n    const seed = contact.firstName || contact.lastName || contact.email || \"\";\n    const hash = seed\n      .split(\"\")\n      .reduce((acc, char) => acc + char.charCodeAt(0), 0);\n    const pIdx = hash % gradientPalettes.length;\n    const sIdx =\n      Math.floor(hash / gradientPalettes.length) % backgroundStyles.length;\n    return {\n      palette: gradientPalettes[pIdx]!,\n      renderBackground: backgroundStyles[sIdx]!,\n    };\n  }, [contact.firstName, contact.lastName, contact.email]);\n\n  return (\n    <div\n      className={cn(\n        \"relative min-w-[250px] overflow-hidden rounded-2xl bg-black text-white shadow-lg\",\n        isDimmed && \"pointer-events-none opacity-45 select-none\",\n        className,\n      )}\n      aria-disabled={isDimmed || undefined}\n    >\n      {/* Background */}\n      <div className=\"absolute inset-0 opacity-70\">\n        <CardBackground palette={palette} renderer={renderBackground} />\n      </div>\n\n      {/* Content */}\n      <div className=\"relative p-6\">\n        {/* Header */}\n        <div className=\"mb-5 flex items-center justify-between\">\n          <h3 className=\"text-base font-semibold tracking-tight\">\n            Contact Information\n          </h3>\n          {onEdit && (\n            <button\n              type=\"button\"\n              onClick={onEdit}\n              disabled={isDimmed}\n              className=\"bg-card/90 text-card-foreground hover:bg-card rounded-lg px-4 py-1.5 text-sm font-medium shadow-sm backdrop-blur-sm transition-colors disabled:opacity-60\"\n            >\n              Edit\n            </button>\n          )}\n        </div>\n\n        {/* Avatar + Name + Status */}\n        <div className=\"mb-5 flex items-center gap-3\">\n          {contact.avatarUrl ? (\n            <img\n              src={contact.avatarUrl}\n              alt={fullName}\n              className=\"h-14 w-14 rounded-full border-2 border-white/40 object-cover shadow-md\"\n            />\n          ) : (\n            <div className=\"flex h-14 w-14 items-center justify-center rounded-full border-2 border-white/40 bg-white/20 text-lg font-semibold shadow-md backdrop-blur-sm\">\n              {initials}\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <span className=\"block truncate text-3xl font-semibold\">\n              {fullName}\n            </span>\n            <StatusBadge status={status} className=\"mt-1\" />\n          </div>\n        </div>\n\n        {showActions && (\n          <TooltipProvider delayDuration={100}>\n            <div className=\"mb-6 flex flex-wrap gap-4\">\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    type=\"button\"\n                    onClick={onMessage}\n                    disabled={!onMessage}\n                    className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-white/20 text-white/90 backdrop-blur-sm transition-colors hover:bg-white/30 disabled:cursor-not-allowed disabled:opacity-40\"\n                  >\n                    <MessageSquare className=\"h-5 w-5\" />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent>Message</TooltipContent>\n              </Tooltip>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    type=\"button\"\n                    onClick={onCreateTask}\n                    disabled={!onCreateTask}\n                    className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-white/20 text-white/90 backdrop-blur-sm transition-colors hover:bg-white/30 disabled:cursor-not-allowed disabled:opacity-40\"\n                  >\n                    <ListChecks className=\"h-5 w-5\" />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent>New Task</TooltipContent>\n              </Tooltip>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    type=\"button\"\n                    onClick={onCreateNote}\n                    disabled={!onCreateNote}\n                    className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-white/20 text-white/90 backdrop-blur-sm transition-colors hover:bg-white/30 disabled:cursor-not-allowed disabled:opacity-40\"\n                  >\n                    <StickyNote className=\"h-5 w-5\" />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent>New Note</TooltipContent>\n              </Tooltip>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    type=\"button\"\n                    onClick={onViewEvents}\n                    disabled={!onViewEvents}\n                    className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-white/20 text-white/90 backdrop-blur-sm transition-colors hover:bg-white/30 disabled:cursor-not-allowed disabled:opacity-40\"\n                  >\n                    <CalendarDays className=\"h-5 w-5\" />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent>Events (coming soon)</TooltipContent>\n              </Tooltip>\n            </div>\n          </TooltipProvider>\n        )}\n\n        {/* Divider */}\n        <div className=\"mb-6 h-0.5 bg-white/20\" />\n\n        {/* Contact details */}\n        <div className=\"space-y-3.5\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            <Mail className=\"h-4 w-4 shrink-0 text-white/70\" />\n            {contact.email ? (\n              <span className=\"truncate text-sm\">{contact.email}</span>\n            ) : (\n              <span className=\"text-sm text-white/40 italic\">\n                No email entered\n              </span>\n            )}\n          </div>\n\n          <div className=\"flex min-w-0 items-center gap-3\">\n            <Phone className=\"h-4 w-4 shrink-0 text-white/70\" />\n            {contact.phone ? (\n              <span className=\"truncate text-sm\">{contact.phone}</span>\n            ) : (\n              <span className=\"text-sm text-white/40 italic\">\n                No phone number entered\n              </span>\n            )}\n          </div>\n\n          <div className=\"flex items-start gap-3\">\n            <Building className=\"mt-0.5 h-4 w-4 text-white/70\" />\n            {hasAddress ? (\n              <div className=\"text-sm leading-relaxed\">\n                {contact.address && <div>{contact.address}</div>}\n                {(contact.city || contact.state || contact.postalCode) && (\n                  <div>\n                    {[contact.city, contact.state].filter(Boolean).join(\", \")}\n                    {contact.postalCode && ` ${contact.postalCode}`}\n                  </div>\n                )}\n                {contact.countryName && <div>{contact.countryName}</div>}\n              </div>\n            ) : (\n              <span className=\"text-sm text-white/40 italic\">\n                No address entered\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport {\n  cn,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@fluid-app/ui-primitives\";\n\nconst DEFAULT_COUNTRIES: { name: string; value: string }[] = [];\n\nconst statusOptions = [\n  { name: \"New\", value: \"new\" },\n  { name: \"Active\", value: \"active\" },\n  { name: \"Inactive\", value: \"inactive\" },\n  { name: \"Cold\", value: \"cold\" },\n  { name: \"Lead\", value: \"lead\" },\n  { name: \"Customer\", value: \"customer\" },\n];\n\ntype AvatarPickerRenderProps = {\n  value: string | null;\n  onChange: (url: string | null) => void;\n};\n\ntype ContactDetailsFormProps = {\n  className?: string;\n  countries?: { name: string; value: string }[];\n  renderAvatarPicker?: (props: AvatarPickerRenderProps) => React.ReactNode;\n};\n\nexport const ContactDetailsForm: React.FC<ContactDetailsFormProps> = ({\n  className,\n  countries = DEFAULT_COUNTRIES,\n  renderAvatarPicker,\n}) => {\n  const { control, watch, setValue } = useFormContext();\n  const currentStatus = useWatch({ control, name: \"status\" });\n  const avatarUrl: string | null =\n    (watch(\"avatar_url\") as string | null | undefined) ?? null;\n\n  const effectiveStatusOptions = useMemo(() => {\n    if (\n      currentStatus &&\n      typeof currentStatus === \"string\" &&\n      !statusOptions.some((o) => o.value === currentStatus)\n    ) {\n      return [\n        {\n          name:\n            currentStatus.charAt(0).toUpperCase() +\n            currentStatus.slice(1).replace(/_/g, \" \"),\n          value: currentStatus,\n        },\n        ...statusOptions,\n      ];\n    }\n    return statusOptions;\n  }, [currentStatus]);\n\n  const firstInitial =\n    (watch(\"first_name\") as string | null | undefined)?.[0] ?? \"\";\n  const lastInitial =\n    (watch(\"last_name\") as string | null | undefined)?.[0] ?? \"\";\n  const initials =\n    [firstInitial, lastInitial].filter(Boolean).join(\"\").toUpperCase() || \"?\";\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {renderAvatarPicker && (\n        <div className=\"flex flex-col items-center gap-3\">\n          <div className=\"border-border bg-background relative h-20 w-20 shrink-0 overflow-hidden rounded-full border-2\">\n            {avatarUrl ? (\n              <img\n                src={avatarUrl}\n                alt=\"\"\n                className=\"h-full w-full object-cover\"\n              />\n            ) : (\n              <div className=\"text-muted-foreground flex h-full w-full items-center justify-center text-lg font-semibold\">\n                {initials}\n              </div>\n            )}\n          </div>\n          {renderAvatarPicker({\n            value: avatarUrl,\n            onChange: (url) =>\n              setValue(\"avatar_url\", url ?? \"\", { shouldDirty: true }),\n          })}\n        </div>\n      )}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <FormField\n          control={control}\n          name=\"first_name\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                First Name\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter first name\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"last_name\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Last Name\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter last name\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"email\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Email\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter email address\"\n                  type=\"email\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"phone\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Phone\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter phone number\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"status\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Status\n              </FormLabel>\n              <Select value={field.value ?? \"\"} onValueChange={field.onChange}>\n                <FormControl>\n                  <SelectTrigger className=\"w-full\">\n                    <SelectValue placeholder=\"Select status\" />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent position=\"popper\" sideOffset={4}>\n                  {effectiveStatusOptions.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"address\"\n          render={({ field }) => (\n            <FormItem className=\"lg:col-span-2\">\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Full Address\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter street address\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"city\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                City\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter city\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"state\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                State/Province\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter state or province\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"postal_code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Postal Code\n              </FormLabel>\n              <FormControl>\n                <Input\n                  placeholder=\"Enter postal code\"\n                  {...field}\n                  value={field.value ?? \"\"}\n                  className=\"ring-input\"\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n\n        <FormField\n          control={control}\n          name=\"country_code\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel className=\"font-inter text-foreground font-medium\">\n                Country\n              </FormLabel>\n              <Select value={field.value ?? \"\"} onValueChange={field.onChange}>\n                <FormControl>\n                  <SelectTrigger className=\"w-full\">\n                    <SelectValue placeholder=\"Select country\" />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent position=\"popper\" sideOffset={4}>\n                  {countries.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: (noteId: number) => api.deleteNote(noteId, contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Note deleted\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateNoteInput };\n\nexport function useCreateContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: (input: CreateNoteInput) => api.createNote(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Note created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to create note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateNoteInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateNoteInput };\n\nexport function useUpdateContactNote(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useNotesApi();\n\n  return useMutation({\n    mutationFn: ({\n      noteId,\n      input,\n    }: {\n      noteId: number;\n      input: UpdateNoteInput;\n    }) => api.updateNote(noteId, contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Note updated\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.notes(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update note\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","export function formatDateForDisplay(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Underline from \"@tiptap/extension-underline\";\nimport {\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  AlignJustify,\n  List,\n  ListOrdered,\n  Calendar,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"@fluid-app/ui-primitives\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskEditorProps {\n  titlePlaceholder?: string;\n  bodyPlaceholder?: string;\n  onChange?: (content: {\n    title: string;\n    body: string;\n    dueDate?: string;\n  }) => void;\n  className?: string;\n  /** Pre-populate the title (for edit mode) */\n  initialTitle?: string;\n  /** Pre-populate the body (for edit mode) */\n  initialBody?: string;\n  /** Show due date picker */\n  showDueDate?: boolean;\n  /** Pre-populate the due date (ISO string, for edit mode) */\n  initialDueDate?: string;\n  /** When false, the editor is body-only (no H1 title). Default true. */\n  showTitle?: boolean;\n  /** Override for the editor content area min-height class */\n  editorClassName?: string;\n}\n\nfunction extractTitleAndBody(editor: ReturnType<typeof useEditor>): {\n  title: string;\n  body: string;\n} {\n  if (!editor) return { title: \"\", body: \"\" };\n\n  const doc = editor.state.doc;\n  let title = \"\";\n  const bodyParts: string[] = [];\n\n  doc.forEach((node) => {\n    if (node.type.name === \"heading\" && !title) {\n      title = node.textContent.trim();\n    } else {\n      const text = node.textContent.trim();\n      if (text) bodyParts.push(text);\n    }\n  });\n\n  return { title, body: bodyParts.join(\"\\n\") };\n}\n\nfunction extractBodyOnly(editor: ReturnType<typeof useEditor>): string {\n  if (!editor) return \"\";\n  const parts: string[] = [];\n  editor.state.doc.forEach((node) => {\n    const text = node.textContent.trim();\n    if (text) parts.push(text);\n  });\n  return parts.join(\"\\n\");\n}\n\nexport function NoteTaskEditor({\n  titlePlaceholder = \"New Note\",\n  bodyPlaceholder = \"Start writing...\",\n  onChange,\n  className,\n  initialTitle,\n  initialBody,\n  showDueDate = false,\n  initialDueDate,\n  showTitle = true,\n  editorClassName,\n}: NoteTaskEditorProps): React.JSX.Element {\n  const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n  const dueDateRef = useRef(initialDueDate);\n  const dateInputRef = useRef<HTMLInputElement>(null);\n\n  // Keep ref in sync with state so onUpdate always reads the latest value\n  useEffect(() => {\n    dueDateRef.current = dueDate;\n  }, [dueDate]);\n\n  const initialContent = showTitle\n    ? initialTitle || initialBody\n      ? `<h1>${initialTitle ?? \"\"}</h1>${initialBody ?? \"\"}`\n      : undefined\n    : initialBody || undefined;\n\n  const extensions = [\n    StarterKit.configure({\n      heading: showTitle ? false : { levels: [] as const },\n      bulletList: {\n        keepMarks: true,\n        keepAttributes: false,\n      },\n      orderedList: {\n        keepMarks: true,\n        keepAttributes: false,\n      },\n    }),\n    ...(showTitle ? [Heading.configure({ levels: [1] })] : []),\n    Placeholder.configure({\n      placeholder: ({ node }) => {\n        if (node.type.name === \"heading\") {\n          return titlePlaceholder;\n        }\n        return bodyPlaceholder;\n      },\n    }),\n    TextAlign.configure({\n      types: showTitle ? [\"heading\", \"paragraph\"] : [\"paragraph\"],\n      alignments: [\"left\", \"center\", \"right\", \"justify\"],\n    }),\n    Underline,\n  ];\n\n  const defaultContent = showTitle\n    ? {\n        type: \"doc\" as const,\n        content: [{ type: \"heading\" as const, attrs: { level: 1 } }],\n      }\n    : undefined;\n\n  const editor = useEditor({\n    extensions,\n    content: initialContent ?? defaultContent,\n    onUpdate: ({ editor }) => {\n      if (showTitle) {\n        const { title, body } = extractTitleAndBody(editor);\n        onChange?.({ title, body, dueDate: dueDateRef.current });\n      } else {\n        const body = extractBodyOnly(editor);\n        onChange?.({ title: \"\", body, dueDate: dueDateRef.current });\n      }\n    },\n  });\n\n  const fireOnChange = () => {\n    if (!editor || !onChange) return;\n    if (showTitle) {\n      const { title, body } = extractTitleAndBody(editor);\n      onChange({ title, body, dueDate });\n    } else {\n      const body = extractBodyOnly(editor);\n      onChange({ title: \"\", body, dueDate });\n    }\n  };\n\n  // Fire onChange once on mount so the parent's ref is populated with the\n  // initial values before the user makes any edits.\n  useEffect(() => {\n    fireOnChange();\n    // We only want this to run once after the editor is first created.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  // Notify parent when due date changes\n  useEffect(() => {\n    fireOnChange();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dueDate]);\n\n  const buttonBase =\n    \"flex h-7 w-7 items-center justify-center rounded text-xs transition-colors\";\n  const buttonActive = \"bg-muted text-primary\";\n  const buttonInactive = \"text-muted-foreground hover:bg-muted/50\";\n\n  const toolbarSeparator = <div className=\"bg-border mx-1 h-5 w-px\" />;\n\n  return (\n    <div\n      className={cn(\n        \"border-border flex flex-col overflow-hidden rounded-lg border\",\n        className,\n      )}\n    >\n      {/* Toolbar */}\n      <div className=\"border-border bg-muted/50 flex items-center gap-0.5 border-b px-2 py-1.5\">\n        {/* Bold */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleBold().run()}\n          disabled={!editor?.can().chain().focus().toggleBold().run()}\n          className={cn(\n            buttonBase,\n            \"font-bold\",\n            editor?.isActive(\"bold\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Bold\"\n        >\n          B\n        </button>\n\n        {/* Italic */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleItalic().run()}\n          disabled={!editor?.can().chain().focus().toggleItalic().run()}\n          className={cn(\n            buttonBase,\n            \"italic\",\n            editor?.isActive(\"italic\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Italic\"\n        >\n          I\n        </button>\n\n        {/* Underline */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleUnderline().run()}\n          disabled={!editor?.can().chain().focus().toggleUnderline().run()}\n          className={cn(\n            buttonBase,\n            \"underline\",\n            editor?.isActive(\"underline\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Underline\"\n        >\n          U\n        </button>\n\n        {toolbarSeparator}\n\n        {/* Align left */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"left\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"left\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align left\"\n        >\n          <AlignLeft className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align center */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"center\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"center\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align center\"\n        >\n          <AlignCenter className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align right */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"right\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"right\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Align right\"\n        >\n          <AlignRight className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Align justify */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().setTextAlign(\"justify\").run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive({ textAlign: \"justify\" })\n              ? buttonActive\n              : buttonInactive,\n          )}\n          title=\"Justify\"\n        >\n          <AlignJustify className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {toolbarSeparator}\n\n        {/* Bullet list */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleBulletList().run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive(\"bulletList\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Bullet list\"\n        >\n          <List className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {/* Ordered list */}\n        <button\n          type=\"button\"\n          onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n          className={cn(\n            buttonBase,\n            editor?.isActive(\"orderedList\") ? buttonActive : buttonInactive,\n          )}\n          title=\"Ordered list\"\n        >\n          <ListOrdered className=\"h-3.5 w-3.5\" />\n        </button>\n\n        {showDueDate && (\n          <>\n            {toolbarSeparator}\n            {/* Due date */}\n            {dueDate ? (\n              <div className=\"bg-primary/10 flex items-center gap-1 rounded px-2 py-1\">\n                <Calendar className=\"text-primary h-3.5 w-3.5\" />\n                <span className=\"text-primary text-xs font-medium\">\n                  {formatDateForDisplay(dueDate)}\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={() => setDueDate(undefined)}\n                  className=\"text-primary/60 hover:text-primary ml-1\"\n                  title=\"Remove due date\"\n                >\n                  <X className=\"h-3 w-3\" />\n                </button>\n              </div>\n            ) : (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={() => dateInputRef.current?.showPicker()}\n                  className=\"text-muted-foreground hover:bg-muted hover:text-foreground flex h-7 cursor-pointer items-center gap-1 rounded px-2 text-xs font-medium transition-colors\"\n                >\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  <span>Due date</span>\n                </button>\n                <input\n                  ref={dateInputRef}\n                  type=\"date\"\n                  className=\"invisible absolute h-0 w-0\"\n                  onChange={(e) => {\n                    if (e.target.value) {\n                      // Convert YYYY-MM-DD to ISO datetime at local midnight\n                      const localDate = new Date(e.target.value + \"T00:00:00\");\n                      setDueDate(localDate.toISOString());\n                    }\n                  }}\n                />\n              </>\n            )}\n          </>\n        )}\n      </div>\n\n      {/* Editor area */}\n      <EditorContent\n        editor={editor}\n        className={editorClassName ?? \"min-h-[60vh] flex-1 overflow-y-auto p-4\"}\n      />\n\n      <style>{`\n        .ProseMirror {\n          outline: none;\n        }\n\n        .ProseMirror h1 {\n          font-size: 1.5rem;\n          font-weight: 600;\n          line-height: 1.3;\n          margin-bottom: 0.5rem;\n        }\n\n        .ProseMirror h1.is-empty::before,\n        .ProseMirror p.is-empty::before {\n          color: var(--color-muted-foreground);\n          content: attr(data-placeholder);\n          float: left;\n          height: 0;\n          pointer-events: none;\n        }\n\n        .ProseMirror ul {\n          list-style-type: disc;\n          padding-left: 1.5rem;\n          margin: 0.5rem 0;\n        }\n\n        .ProseMirror ol {\n          list-style-type: decimal;\n          padding-left: 1.5rem;\n          margin: 0.5rem 0;\n        }\n\n        .ProseMirror li {\n          margin: 0.25rem 0;\n          display: list-item;\n        }\n\n        .ProseMirror li > p {\n          margin: 0;\n        }\n      `}</style>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useRef, useState } from \"react\";\nimport { Calendar, X } from \"lucide-react\";\nimport {\n  Button,\n  Input,\n  Sheet,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { NoteTaskEditor } from \"./note-task-editor\";\nimport { formatDateForDisplay } from \"../../utils/format-date\";\n\nexport interface NoteTaskModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  mode: \"create\" | \"edit\";\n  type: \"note\" | \"task\";\n  initialTitle?: string;\n  initialBody?: string;\n  initialDueDate?: string;\n  showDueDate?: boolean;\n  onSave: (data: { title: string; body: string; dueDate?: string }) => void;\n  isPending?: boolean;\n  isCompleted?: boolean;\n  onToggleComplete?: () => void;\n  isTogglePending?: boolean;\n}\n\nexport function NoteTaskModal({\n  open,\n  onOpenChange,\n  mode,\n  type,\n  initialTitle = \"\",\n  initialBody = \"\",\n  initialDueDate,\n  showDueDate = false,\n  onSave,\n  isPending = false,\n  isCompleted,\n  onToggleComplete,\n  isTogglePending = false,\n}: NoteTaskModalProps): React.JSX.Element {\n  const [title, setTitle] = useState(initialTitle);\n  const [body, setBody] = useState(initialBody);\n  const dateInputRef = useRef<HTMLInputElement>(null);\n  const [dueDate, setDueDate] = useState<string | undefined>(initialDueDate);\n\n  const typeLabel = type === \"note\" ? \"Note\" : \"Task\";\n  const sheetTitle = mode === \"edit\" ? `Edit ${typeLabel}` : `New ${typeLabel}`;\n\n  const requiresBody = type === \"note\";\n  const canSave =\n    !!title.trim() && (!requiresBody || !!body.trim()) && !isPending;\n\n  const handleSave = () => {\n    if (!canSave) return;\n    onSave({\n      title: title.trim(),\n      body,\n      dueDate,\n    });\n  };\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"flex w-full flex-col sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>{sheetTitle}</SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n          <Input\n            placeholder={`${typeLabel} title`}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            autoFocus\n          />\n\n          <NoteTaskEditor\n            showTitle={false}\n            bodyPlaceholder=\"Start writing...\"\n            initialBody={initialBody}\n            editorClassName=\"min-h-[200px] flex-1 overflow-y-auto p-4\"\n            onChange={(content) => {\n              setBody(content.body);\n            }}\n          />\n\n          {showDueDate && (\n            <div className=\"flex items-center gap-2\">\n              {dueDate ? (\n                <div className=\"bg-primary/10 inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5\">\n                  <Calendar className=\"text-primary h-3.5 w-3.5\" />\n                  <span className=\"text-primary text-sm font-medium\">\n                    Due {formatDateForDisplay(dueDate)}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() => setDueDate(undefined)}\n                    className=\"text-primary/60 hover:text-primary ml-1\"\n                    title=\"Remove due date\"\n                  >\n                    <X className=\"h-3 w-3\" />\n                  </button>\n                </div>\n              ) : (\n                <div className=\"relative\">\n                  <button\n                    type=\"button\"\n                    onClick={() => dateInputRef.current?.showPicker()}\n                    className=\"text-muted-foreground hover:text-foreground hover:bg-muted inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors\"\n                  >\n                    <Calendar className=\"h-3.5 w-3.5\" />\n                    <span>Add due date</span>\n                  </button>\n                  <input\n                    ref={dateInputRef}\n                    type=\"date\"\n                    className=\"invisible absolute h-0 w-0\"\n                    onChange={(e) => {\n                      if (e.target.value) {\n                        const localDate = new Date(\n                          e.target.value + \"T00:00:00\",\n                        );\n                        setDueDate(localDate.toISOString());\n                      }\n                    }}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <SheetFooter className=\"flex-row justify-end gap-2 border-t pt-4\">\n          {mode === \"edit\" && onToggleComplete && (\n            <Button\n              variant=\"outline\"\n              onClick={onToggleComplete}\n              disabled={isTogglePending}\n              className=\"mr-auto\"\n            >\n              {isCompleted ? \"Mark Incomplete\" : \"Mark Complete\"}\n            </Button>\n          )}\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={!canSave}>\n            {isPending ? \"Saving...\" : \"Save\"}\n          </Button>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  );\n}\n","\"use client\";\n\nimport React, { useImperativeHandle, useState } from \"react\";\nimport {\n  Calendar,\n  Paperclip,\n  Plus,\n  StickyNote,\n  Pen,\n  EllipsisVertical,\n} from \"lucide-react\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport type { ContactNote } from \"../../hooks/notes/use-contact-notes\";\nimport { useDeleteContactNote } from \"../../hooks/notes/use-delete-contact-note\";\nimport { useCreateContactNote } from \"../../hooks/notes/use-create-contact-note\";\nimport { useUpdateContactNote } from \"../../hooks/notes/use-update-contact-note\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Empty state\n// ---------------------------------------------------------------------------\n\nfunction EmptyState({ onCreateNote }: { onCreateNote: () => void }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n      <div className=\"relative mb-6\">\n        <div className=\"flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br from-amber-100 to-yellow-100\">\n          <StickyNote className=\"h-9 w-9 text-amber-500\" />\n        </div>\n        <div className=\"border-background absolute -right-2 -bottom-1 flex h-9 w-9 items-center justify-center rounded-full border-2 bg-gradient-to-br from-orange-100 to-red-100 shadow-sm\">\n          <Pen className=\"h-4 w-4 text-orange-500\" />\n        </div>\n      </div>\n      <h4 className=\"text-foreground text-base font-semibold\">No notes yet</h4>\n      <p className=\"text-muted-foreground mt-1.5 max-w-[260px] text-sm leading-relaxed\">\n        Capture key details and insights about this contact to stay on top of\n        every conversation\n      </p>\n      <button\n        type=\"button\"\n        onClick={onCreateNote}\n        className=\"bg-primary text-primary-foreground hover:bg-primary/90 mt-4 inline-flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors\"\n      >\n        <Plus className=\"h-3.5 w-3.5\" />\n        New Note\n      </button>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Note card\n// ---------------------------------------------------------------------------\n\nfunction NoteCard({\n  note,\n  onEdit,\n  onDelete,\n}: {\n  note: ContactNote;\n  onEdit: (note: ContactNote) => void;\n  onDelete: (note: ContactNote) => void;\n}) {\n  const assetCount = note.assets?.length ?? 0;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onEdit(note)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onEdit(note);\n        }\n      }}\n      className=\"border-border bg-card hover:border-border/80 cursor-pointer rounded-xl border p-5 transition-colors\"\n    >\n      {/* Title row with ellipsis menu */}\n      <div className=\"flex items-start justify-between gap-2\">\n        <h4 className=\"text-foreground line-clamp-1 text-sm font-semibold\">\n          {note.title}\n        </h4>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={(e) => e.stopPropagation()}\n              className=\"text-muted-foreground inline-flex h-6 w-6 items-center justify-center rounded-md hover:opacity-70\"\n            >\n              <EllipsisVertical className=\"h-4 w-4\" />\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            <DropdownMenuItem\n              className=\"text-destructive\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onDelete(note);\n              }}\n            >\n              Delete\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Body */}\n      <p className=\"text-muted-foreground mt-1.5 line-clamp-4 text-sm leading-relaxed\">\n        {note.body}\n      </p>\n\n      {/* Meta row */}\n      <div className=\"mt-3 flex flex-wrap items-center gap-4\">\n        {note.due_at && (\n          <div className=\"flex items-center gap-1.5\">\n            <Calendar className=\"text-primary h-3.5 w-3.5\" />\n            <span className=\"text-primary text-xs font-medium\">\n              Due {formatDueDate(note.due_at)}\n            </span>\n          </div>\n        )}\n        {!note.due_at && note.due_date && (\n          <div className=\"flex items-center gap-1.5\">\n            <Calendar className=\"text-primary h-3.5 w-3.5\" />\n            <span className=\"text-primary text-xs font-medium\">\n              Due {formatDueDate(note.due_date)}\n            </span>\n          </div>\n        )}\n        {assetCount > 0 && (\n          <div className=\"flex items-center gap-1.5\">\n            <Paperclip className=\"text-muted-foreground h-3.5 w-3.5\" />\n            <span className=\"text-muted-foreground text-xs\">\n              {assetCount} {assetCount === 1 ? \"Attachment\" : \"Attachments\"}\n            </span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface NotesListProps {\n  notes: ContactNote[];\n  isLoading?: boolean;\n  contactId: string;\n  /** Ref that receives the openCreateModal callback for external triggering */\n  ref?: React.Ref<(() => void) | null>;\n}\n\nexport function NotesList({\n  notes,\n  isLoading,\n  contactId,\n  ref,\n}: NotesListProps): React.JSX.Element {\n  const [noteToDelete, setNoteToDelete] = useState<ContactNote | null>(null);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [editingNote, setEditingNote] = useState<ContactNote | null>(null);\n\n  const deleteNote = useDeleteContactNote(contactId);\n  const createNote = useCreateContactNote(contactId, {\n    onSuccess: () => setModalOpen(false),\n  });\n  const updateNote = useUpdateContactNote(contactId, {\n    onSuccess: () => setEditingNote(null),\n  });\n\n  const openCreateModal = () => {\n    setEditingNote(null);\n    setModalOpen(true);\n  };\n\n  // Expose openCreateModal to parent via ref\n  useImperativeHandle(ref, () => openCreateModal);\n\n  const handleSave = (data: {\n    title: string;\n    body: string;\n    dueDate?: string;\n  }) => {\n    if (editingNote) {\n      updateNote.mutate({\n        noteId: editingNote.id,\n        input: { title: data.title, body: data.body },\n      });\n    } else {\n      createNote.mutate({ title: data.title, body: data.body });\n    }\n  };\n\n  const isModalOpen = modalOpen || editingNote !== null;\n  const handleModalOpenChange = (open: boolean) => {\n    if (!open) {\n      setModalOpen(false);\n      setEditingNote(null);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <div className=\"bg-muted h-5 w-24 animate-pulse rounded\" />\n            <div className=\"bg-muted mt-1 h-4 w-48 animate-pulse rounded\" />\n          </div>\n          <div className=\"bg-muted h-8 w-24 animate-pulse rounded-lg\" />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {[1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"border-border bg-muted/50 h-40 animate-pulse rounded-xl border\"\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-start justify-between\">\n        <div>\n          <h3 className=\"text-foreground text-base font-semibold\">\n            Notes ({notes.length})\n          </h3>\n          <p className=\"text-muted-foreground mt-0.5 text-sm\">\n            Capture key details and insights about this contact\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={openCreateModal}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors\"\n        >\n          <Plus className=\"h-3.5 w-3.5\" />\n          Add Note\n        </button>\n      </div>\n\n      {/* Content */}\n      {notes.length === 0 ? (\n        <EmptyState onCreateNote={openCreateModal} />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {notes.map((note) => (\n            <NoteCard\n              key={note.id}\n              note={note}\n              onEdit={setEditingNote}\n              onDelete={setNoteToDelete}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Create/Edit modal */}\n      <NoteTaskModal\n        key={editingNote?.id ?? \"create\"}\n        open={isModalOpen}\n        onOpenChange={handleModalOpenChange}\n        mode={editingNote ? \"edit\" : \"create\"}\n        type=\"note\"\n        initialTitle={editingNote?.title ?? \"\"}\n        initialBody={editingNote?.body ?? \"\"}\n        onSave={handleSave}\n        isPending={createNote.isPending || updateNote.isPending}\n      />\n\n      {/* Delete confirmation modal */}\n      <AlertDialog\n        open={!!noteToDelete}\n        onOpenChange={(open) => {\n          if (!open) setNoteToDelete(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete Note</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to delete &quot;{noteToDelete?.title}&quot;?\n              This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              variant=\"destructive\"\n              onClick={() => {\n                if (noteToDelete) {\n                  deleteNote.mutate(noteToDelete.id);\n                }\n              }}\n            >\n              Delete\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useToggleTaskCompletion(contactId: string) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: ({\n      taskId,\n      isCompleted,\n    }: {\n      taskId: number;\n      isCompleted: boolean;\n    }) =>\n      api.updateTask(taskId, contactId, {\n        completed_at: isCompleted ? null : new Date().toISOString(),\n      }),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (taskId: number) => api.deleteTask(taskId, contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Task deleted\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { CreateTaskInput };\n\nexport function useCreateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: (input: CreateTaskInput) => api.createTask(contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to create task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { UpdateTaskInput } from \"@fluid-app/contacts-core/types\";\n\nexport type { UpdateTaskInput };\n\nexport function useUpdateContactTask(\n  contactId: string,\n  options?: { onSuccess?: () => void },\n) {\n  const queryClient = useQueryClient();\n  const api = useTasksApi();\n\n  return useMutation({\n    mutationFn: ({\n      taskId,\n      input,\n    }: {\n      taskId: number;\n      input: UpdateTaskInput;\n    }) => api.updateTask(taskId, contactId, input),\n    onSuccess: () => {\n      fluidToast({ title: \"Task updated\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: contactsKeys.tasks(contactId),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to update task\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useImperativeHandle, useState } from \"react\";\nimport {\n  Calendar,\n  Plus,\n  ClipboardList,\n  SquareCheckBig,\n  CircleCheck,\n  EllipsisVertical,\n} from \"lucide-react\";\nimport {\n  cn,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport type { ContactTask } from \"../../hooks/contacts/use-contact-tasks\";\nimport { useToggleTaskCompletion } from \"../../hooks/contacts/use-toggle-task-completion\";\nimport { useDeleteContactTask } from \"../../hooks/contacts/use-delete-contact-task\";\nimport { useCreateContactTask } from \"../../hooks/contacts/use-create-contact-task\";\nimport { useUpdateContactTask } from \"../../hooks/contacts/use-update-contact-task\";\nimport { NoteTaskModal } from \"../editor/note-task-modal\";\n\n// ---------------------------------------------------------------------------\n// Date helpers\n// ---------------------------------------------------------------------------\n\nfunction formatDueDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatRelativeTime(dateStr: string): string {\n  const date = new Date(dateStr);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n  if (diffDays === 0) {\n    return date.toLocaleTimeString(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    });\n  } else if (diffDays === 1) {\n    return \"Yesterday\";\n  } else {\n    return `${diffDays} days ago`;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Empty state\n// ---------------------------------------------------------------------------\n\nfunction EmptyState({ onCreateTask }: { onCreateTask: () => void }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n      <div className=\"relative mb-6\">\n        <div className=\"flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br from-teal-100 to-emerald-100\">\n          <ClipboardList className=\"h-9 w-9 text-teal-500\" />\n        </div>\n        <div className=\"border-background absolute -right-2 -bottom-1 flex h-9 w-9 items-center justify-center rounded-full border-2 bg-gradient-to-br from-blue-100 to-indigo-100 shadow-sm\">\n          <SquareCheckBig className=\"h-4 w-4 text-blue-500\" />\n        </div>\n      </div>\n      <h4 className=\"text-foreground text-base font-semibold\">No tasks yet</h4>\n      <p className=\"text-muted-foreground mt-1.5 max-w-[260px] text-sm leading-relaxed\">\n        Stay organized by creating tasks to track follow-ups for this contact\n      </p>\n      <button\n        type=\"button\"\n        onClick={onCreateTask}\n        className=\"bg-primary text-primary-foreground hover:bg-primary/90 mt-4 inline-flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors\"\n      >\n        <Plus className=\"h-3.5 w-3.5\" />\n        New Task\n      </button>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Task card\n// ---------------------------------------------------------------------------\n\ninterface TaskCardProps {\n  task: ContactTask;\n  toggleCompletion: ReturnType<typeof useToggleTaskCompletion>;\n  onEdit: (task: ContactTask) => void;\n  onDeleteClick: (task: ContactTask) => void;\n}\n\nfunction TaskCard({\n  task,\n  toggleCompletion,\n  onEdit,\n  onDeleteClick,\n}: TaskCardProps) {\n  const isCompleted = !!task.completed_at;\n\n  const { title, body: bodyText } = parseTaskBody(task.body ?? \"\");\n\n  const timestamp = task.created_at ? formatRelativeTime(task.created_at) : \"\";\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={() => onEdit(task)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onEdit(task);\n        }\n      }}\n      className=\"border-border bg-card min-w-[250px] cursor-pointer rounded-xl border p-4 transition-colors\"\n    >\n      <div className=\"flex items-start gap-3\">\n        {/* Checkbox */}\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            toggleCompletion.mutate({\n              taskId: task.id,\n              isCompleted: isCompleted,\n            });\n          }}\n          disabled={toggleCompletion.isPending}\n          className=\"mt-0.5 shrink-0 transition-opacity hover:opacity-70 disabled:cursor-not-allowed disabled:opacity-50\"\n          aria-label={isCompleted ? \"Mark as open\" : \"Mark as completed\"}\n        >\n          {isCompleted ? (\n            <CircleCheck className=\"text-primary h-5 w-5\" />\n          ) : (\n            <div className=\"border-muted-foreground h-5 w-5 rounded-full border-2\" />\n          )}\n        </button>\n\n        {/* Content */}\n        <div className=\"min-w-0 flex-1\">\n          {/* Title & menu row */}\n          <div className=\"flex items-start justify-between gap-2\">\n            <h4\n              className={cn(\n                \"text-foreground line-clamp-2 font-semibold\",\n                isCompleted && \"text-muted-foreground line-through\",\n              )}\n            >\n              {title}\n            </h4>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <EllipsisVertical className=\"h-4 w-4\" />\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem\n                  className=\"text-destructive\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onDeleteClick(task);\n                  }}\n                >\n                  Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </div>\n\n          {/* Body text */}\n          {bodyText && (\n            <p\n              className=\"text-muted-foreground mt-1 line-clamp-3 text-sm\"\n              style={\n                isCompleted ? { textDecoration: \"line-through\" } : undefined\n              }\n            >\n              {bodyText}\n            </p>\n          )}\n\n          {/* Due date & Timestamp */}\n          <div className=\"mt-2 flex flex-row items-center gap-2\">\n            <span className=\"text-muted-foreground text-xs\">{timestamp}</span>\n            {task.due_at && (\n              <div className=\"flex items-center gap-1\">\n                <Calendar\n                  className={cn(\n                    \"h-3.5 w-3.5\",\n                    isCompleted ? \"text-muted-foreground\" : \"text-primary\",\n                  )}\n                />\n                <span\n                  className={cn(\n                    \"text-xs font-medium\",\n                    isCompleted ? \"text-muted-foreground\" : \"text-primary\",\n                  )}\n                >\n                  Due {formatDueDate(task.due_at)}\n                </span>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface TaskListProps {\n  tasks: ContactTask[];\n  isLoading?: boolean;\n  contactId: string;\n  /** Ref that receives the openCreateModal callback for external triggering */\n  ref?: React.Ref<(() => void) | null>;\n}\n\nexport function TaskList({\n  tasks,\n  isLoading,\n  contactId,\n  ref,\n}: TaskListProps): React.JSX.Element {\n  const [taskToDelete, setTaskToDelete] = useState<ContactTask | null>(null);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [editingTask, setEditingTask] = useState<ContactTask | null>(null);\n\n  const toggleCompletion = useToggleTaskCompletion(contactId);\n  const deleteTask = useDeleteContactTask(contactId, {\n    onSuccess: () => setTaskToDelete(null),\n  });\n  const createTask = useCreateContactTask(contactId, {\n    onSuccess: () => setModalOpen(false),\n  });\n  const updateTask = useUpdateContactTask(contactId, {\n    onSuccess: () => setEditingTask(null),\n  });\n\n  const openCreateModal = () => {\n    setEditingTask(null);\n    setModalOpen(true);\n  };\n\n  // Expose openCreateModal to parent via ref\n  useImperativeHandle(ref, () => openCreateModal);\n\n  const handleSave = (data: {\n    title: string;\n    body: string;\n    dueDate?: string;\n  }) => {\n    const taskBody = data.body ? `${data.title}\\n\\n${data.body}` : data.title;\n\n    if (editingTask) {\n      updateTask.mutate({\n        taskId: editingTask.id,\n        input: { body: taskBody, due_at: data.dueDate ?? null },\n      });\n    } else {\n      createTask.mutate({ body: taskBody, due_at: data.dueDate ?? null });\n    }\n  };\n\n  const editingParsed = editingTask\n    ? parseTaskBody(editingTask.body ?? \"\")\n    : null;\n\n  const isModalOpen = modalOpen || editingTask !== null;\n  const handleModalOpenChange = (open: boolean) => {\n    if (!open) {\n      setModalOpen(false);\n      setEditingTask(null);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <div className=\"bg-muted h-5 w-24 animate-pulse rounded\" />\n            <div className=\"bg-muted mt-1 h-4 w-48 animate-pulse rounded\" />\n          </div>\n          <div className=\"bg-muted h-8 w-24 animate-pulse rounded-lg\" />\n        </div>\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          {[1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"border-border bg-muted/50 h-32 animate-pulse rounded-xl border\"\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-start justify-between\">\n        <div>\n          <h3 className=\"text-foreground text-base font-semibold\">\n            Tasks ({tasks.length})\n          </h3>\n          <p className=\"text-muted-foreground mt-0.5 text-sm\">\n            Manage tasks and follow-ups for this contact\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          onClick={openCreateModal}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90 inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors\"\n        >\n          <Plus className=\"h-3.5 w-3.5\" />\n          Add Task\n        </button>\n      </div>\n\n      {/* Content */}\n      {tasks.length === 0 ? (\n        <EmptyState onCreateTask={openCreateModal} />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          {tasks.map((task) => (\n            <TaskCard\n              key={task.id}\n              task={task}\n              toggleCompletion={toggleCompletion}\n              onEdit={setEditingTask}\n              onDeleteClick={setTaskToDelete}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Create/Edit modal */}\n      <NoteTaskModal\n        key={editingTask?.id ?? \"create\"}\n        open={isModalOpen}\n        onOpenChange={handleModalOpenChange}\n        mode={editingTask ? \"edit\" : \"create\"}\n        type=\"task\"\n        initialTitle={editingParsed?.title ?? \"\"}\n        initialBody={editingParsed?.body ?? \"\"}\n        initialDueDate={editingTask?.due_at ?? undefined}\n        showDueDate\n        onSave={handleSave}\n        isPending={createTask.isPending || updateTask.isPending}\n        isCompleted={editingTask ? !!editingTask.completed_at : undefined}\n        onToggleComplete={\n          editingTask\n            ? () =>\n                toggleCompletion.mutate(\n                  {\n                    taskId: editingTask.id,\n                    isCompleted: !!editingTask.completed_at,\n                  },\n                  { onSuccess: () => setEditingTask(null) },\n                )\n            : undefined\n        }\n        isTogglePending={toggleCompletion.isPending}\n      />\n\n      {/* Delete confirmation modal */}\n      <AlertDialog\n        open={taskToDelete !== null}\n        onOpenChange={(open) => {\n          if (!open) setTaskToDelete(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete Task</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to delete this task? This action cannot be\n              undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              variant=\"destructive\"\n              onClick={() => {\n                if (taskToDelete) {\n                  deleteTask.mutate(taskToDelete.id);\n                }\n              }}\n            >\n              Delete\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactActivity } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactActivity };\n\nexport function useContactActivities(\n  contactId: string,\n  options?: { enabled?: boolean },\n) {\n  const api = useContactsCrud();\n\n  return useQuery({\n    queryKey: contactsKeys.activities(contactId),\n    queryFn: () => {\n      if (!api.listActivities) {\n        throw new Error(\"listActivities is not available in this adapter\");\n      }\n      return api.listActivities(contactId);\n    },\n    enabled: options?.enabled !== false && !!contactId && !!api.listActivities,\n    select: (data) => data.activities,\n  });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTasksApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactTask } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactTask };\n\nexport const CONTACT_TASKS_QUERY_KEY = (contactId: string) =>\n  contactsKeys.tasks(contactId);\n\nexport function useContactTasks(contactId: string) {\n  const api = useTasksApi();\n\n  return useQuery({\n    queryKey: contactsKeys.tasks(contactId),\n    queryFn: () => api.listTasks(contactId),\n    enabled: !!contactId,\n    select: (data) => data.tasks,\n  });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useNotesApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactNote } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactNote };\n\nexport const CONTACT_NOTES_QUERY_KEY = (contactId: string) =>\n  contactsKeys.notes(contactId);\n\nexport function useContactNotes(contactId: string) {\n  const api = useNotesApi();\n\n  return useQuery({\n    queryKey: contactsKeys.notes(contactId),\n    queryFn: () => api.listNotes(contactId),\n    enabled: !!contactId,\n    select: (data) => data.notes,\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactActivity } from \"@fluid-app/contacts-core/types\";\n\nexport function useMarkContactRead(contactId: string) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n  const queryKey = contactsKeys.activities(contactId);\n\n  return useMutation({\n    mutationFn: () => {\n      if (!api.markRead) {\n        return Promise.resolve({});\n      }\n      return api.markRead(contactId);\n    },\n    onMutate: () => {\n      // Optimistically mark all activities as read in the cache.\n      // The query stores the raw API response; `select` maps to activities[].\n      const previous = queryClient.getQueryData<{\n        activities: ContactActivity[];\n      }>(queryKey);\n\n      if (previous) {\n        const now = new Date().toISOString();\n        queryClient.setQueryData(queryKey, {\n          ...previous,\n          activities: previous.activities.map((a) =>\n            a.read_at ? a : { ...a, read_at: now },\n          ),\n        });\n      }\n\n      return { previous };\n    },\n    onError: (_err, _vars, context) => {\n      // Roll back on failure\n      if (context?.previous) {\n        queryClient.setQueryData(queryKey, context.previous);\n      }\n    },\n    onSettled: () => {\n      // Refetch to sync with server state\n      queryClient.invalidateQueries({ queryKey });\n    },\n  });\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useGroups() {\n  const api = useGroupsApi();\n\n  return useQuery({\n    queryKey: contactsKeys.groups(),\n    queryFn: () => api!.listGroups(),\n    enabled: !!api,\n    select: (data) => data.groups,\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateGroupInput } from \"@fluid-app/contacts-core/types\";\n\nexport function useCreateGroup() {\n  const api = useGroupsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (input: CreateGroupInput) => {\n      if (!api) throw new Error(\"GroupsApi is not available\");\n      return api.createGroup(input);\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: contactsKeys.groups() });\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useUpdateContactTags(\n  contactId: string,\n  queryKeyPrefix = \"sdk-contacts\",\n) {\n  const api = useContactsCrud();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (tags: string[]) => api.updateContact(contactId, { tags }),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n    },\n  });\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Plus, X, ExternalLink } from \"lucide-react\";\nimport {\n  cn,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { getContrastingTextColor } from \"@fluid-app/theme-engine\";\nimport type { ContactGroup } from \"@fluid-app/contacts-core/types\";\n\ninterface GroupsSectionProps {\n  /** Tag names the contact currently belongs to */\n  contactTags: string[];\n  /** All available groups from BFF */\n  availableGroups: ContactGroup[];\n  onManageGroups: () => void;\n  onAddToGroup: (groupName: string) => void;\n  onCreateNewGroup: () => void;\n  onRemoveGroup: (groupName: string) => void;\n  disabled?: boolean;\n}\n\nexport function GroupsSection({\n  contactTags,\n  availableGroups = [],\n  onManageGroups,\n  onAddToGroup,\n  onCreateNewGroup,\n  onRemoveGroup,\n  disabled = false,\n}: GroupsSectionProps) {\n  const filteredGroups = availableGroups.filter(\n    (g) => !contactTags.includes(g.name),\n  );\n\n  const getGroupDetails = (tagName: string) => {\n    return availableGroups.find((g) => g.name === tagName);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"bg-card rounded-lg border p-4 shadow-xs transition-all hover:shadow-md\",\n        disabled && \"pointer-events-none opacity-45 select-none\",\n      )}\n      aria-disabled={disabled || undefined}\n    >\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h3 className=\"text-foreground text-base font-semibold\">Groups</h3>\n        <button\n          type=\"button\"\n          onClick={onManageGroups}\n          className=\"text-primary hover:text-primary/80 flex items-center gap-1.5 text-sm font-medium transition-colors\"\n        >\n          Manage Groups\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-2\">\n        {contactTags.map((tag) => {\n          const group = getGroupDetails(tag);\n          const backgroundColor =\n            group?.avatar_background ?? \"var(--color-muted)\";\n          const emoji = group?.avatar;\n          const textColor = group?.avatar_background\n            ? getContrastingTextColor(group.avatar_background)\n            : null;\n\n          return (\n            <span\n              key={tag}\n              className={cn(\n                \"border-border inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs\",\n                !textColor && \"text-foreground\",\n              )}\n              style={{\n                backgroundColor,\n                ...(textColor ? { color: textColor } : {}),\n              }}\n            >\n              {emoji && <span>{emoji}</span>}\n              {tag}\n              <button\n                type=\"button\"\n                onClick={() => onRemoveGroup(tag)}\n                className=\"bg-background/25 hover:bg-background/50 flex h-4 w-4 items-center justify-center rounded-full transition-colors\"\n                style={textColor ? { color: textColor } : undefined}\n                aria-label={`Remove ${tag}`}\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            </span>\n          );\n        })}\n      </div>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"text-primary hover:text-primary/80 mt-3 flex items-center gap-2 text-sm font-medium transition-colors\"\n          >\n            <Plus className=\"h-4 w-4\" />\n            Add Group\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"w-64\">\n          {filteredGroups.map((group) => (\n            <DropdownMenuItem\n              key={group.name}\n              onClick={() => onAddToGroup(group.name)}\n              className=\"flex cursor-pointer items-center gap-3\"\n            >\n              <div\n                className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm\"\n                style={{\n                  backgroundColor:\n                    group.avatar_background ?? \"var(--color-muted)\",\n                }}\n              >\n                {group.avatar}\n              </div>\n              <span className=\"flex-1 truncate text-sm\">{group.name}</span>\n            </DropdownMenuItem>\n          ))}\n          {filteredGroups.length > 0 && <DropdownMenuSeparator />}\n          <DropdownMenuItem\n            onClick={onCreateNewGroup}\n            className=\"cursor-pointer\"\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Create New Group\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Check, Plus } from \"lucide-react\";\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"@fluid-app/ui-primitives\";\nimport type { ContactGroup } from \"@fluid-app/contacts-core/types\";\n\ninterface ManageGroupsModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  contactName: string;\n  currentTags: string[];\n  availableGroups: ContactGroup[];\n  onSave: (selectedTags: string[]) => void;\n  onCreateNewGroup: () => void;\n}\n\nexport function ManageGroupsModal({\n  open,\n  onOpenChange,\n  contactName,\n  currentTags,\n  availableGroups,\n  onSave,\n  onCreateNewGroup,\n}: ManageGroupsModalProps) {\n  const [selectedTags, setSelectedTags] = useState<string[]>(currentTags);\n\n  React.useEffect(() => {\n    if (open) {\n      setSelectedTags(currentTags);\n    }\n  }, [open, currentTags]);\n\n  const handleToggleGroup = (groupName: string) => {\n    setSelectedTags((prev) =>\n      prev.includes(groupName)\n        ? prev.filter((g) => g !== groupName)\n        : [...prev, groupName],\n    );\n  };\n\n  const handleSave = () => {\n    onSave(selectedTags);\n    onOpenChange(false);\n  };\n\n  const handleCancel = () => {\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Manage Groups for {contactName}</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"space-y-4 py-4\">\n          <div>\n            <h4 className=\"text-foreground mb-3 text-sm font-medium\">\n              Available Groups\n            </h4>\n            <div className=\"space-y-2\">\n              {availableGroups.map((group) => {\n                const isSelected = selectedTags.includes(group.name);\n                return (\n                  <label\n                    key={group.id}\n                    className=\"border-border hover:bg-muted flex cursor-pointer items-center gap-3 rounded-lg border p-3 transition-colors\"\n                  >\n                    <input\n                      type=\"checkbox\"\n                      checked={isSelected}\n                      onChange={() => handleToggleGroup(group.name)}\n                      className=\"text-primary focus:ring-primary border-border h-4 w-4 shrink-0 rounded focus:ring-2\"\n                    />\n                    <div\n                      className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-lg\"\n                      style={{\n                        backgroundColor:\n                          group.avatar_background ?? \"var(--color-muted)\",\n                      }}\n                    >\n                      {group.avatar}\n                    </div>\n                    <span className=\"text-foreground min-w-0 flex-1 truncate text-sm font-medium\">\n                      {group.name}\n                    </span>\n                    {isSelected && (\n                      <Check className=\"text-primary h-4 w-4 shrink-0\" />\n                    )}\n                  </label>\n                );\n              })}\n            </div>\n          </div>\n\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={onCreateNewGroup}\n            className=\"w-full\"\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Create New Group\n          </Button>\n\n          <div className=\"bg-muted rounded-lg p-3\">\n            <p className=\"text-muted-foreground text-sm\">\n              <span className=\"text-foreground font-semibold\">\n                {selectedTags.length}\n              </span>{\" \"}\n              {selectedTags.length === 1 ? \"group\" : \"groups\"} selected\n            </p>\n          </div>\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={handleCancel}>\n            Cancel\n          </Button>\n          <Button onClick={handleSave}>Save Changes</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport {\n  Button,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  fluidToast,\n} from \"@fluid-app/ui-primitives\";\n\nconst COLOR_SWATCHES = [\n  \"#FEF3C7\",\n  \"#DBEAFE\",\n  \"#E0E7FF\",\n  \"#FCE7F3\",\n  \"#D1FAE5\",\n  \"#FEE2E2\",\n  \"#E5E7EB\",\n  \"#CFFAFE\",\n  \"#F3E8FF\",\n  \"#FEF9C3\",\n  \"#FFEDD5\",\n  \"#ECFDF5\",\n  \"#EFF6FF\",\n  \"#FDF2F8\",\n];\n\nconst CURATED_EMOJIS = [\n  \"\\u{1F451}\",\n  \"\\u2728\",\n  \"\\u{1F48E}\",\n  \"\\u{1F389}\",\n  \"\\u{1F4E7}\",\n  \"\\u{1F195}\",\n  \"\\u{1F465}\",\n  \"\\u{1F31F}\",\n  \"\\u{1F4B0}\",\n  \"\\u{1F3AF}\",\n  \"\\u{1F525}\",\n  \"\\u{1F4AA}\",\n  \"\\u{1F3C6}\",\n  \"\\u{1F381}\",\n  \"\\u{1F4A1}\",\n  \"\\u{1F680}\",\n  \"\\u2B50\",\n  \"\\u{1F49C}\",\n  \"\\u{1F499}\",\n  \"\\u{1F49A}\",\n  \"\\u{1F9E1}\",\n  \"\\u2764\\uFE0F\",\n  \"\\u{1F91D}\",\n  \"\\u{1F4F1}\",\n  \"\\u{1F30D}\",\n  \"\\u{1F3EA}\",\n  \"\\u{1F3AD}\",\n  \"\\u{1F3A8}\",\n  \"\\u{1F4CA}\",\n  \"\\u{1F4C8}\",\n  \"\\u{1F514}\",\n  \"\\u{1F4AC}\",\n  \"\\u{1F4DD}\",\n  \"\\u{1F3B5}\",\n  \"\\u{1F338}\",\n  \"\\u{1F98B}\",\n  \"\\u{1F308}\",\n  \"\\u{1F380}\",\n  \"\\u{1F3C5}\",\n  \"\\u{1F38A}\",\n  \"\\u{1F393}\",\n  \"\\u{1F511}\",\n  \"\\u{1F9F2}\",\n  \"\\u{1F3A4}\",\n  \"\\u{1F340}\",\n  \"\\u{1F33B}\",\n  \"\\u{1F984}\",\n  \"\\u{1F41D}\",\n  \"\\u{1F42C}\",\n  \"\\u{1F319}\",\n  \"\\u2600\\uFE0F\",\n  \"\\u{1FA90}\",\n  \"\\u{1F30A}\",\n  \"\\u{1F5FA}\\uFE0F\",\n  \"\\u{1F3D4}\\uFE0F\",\n  \"\\u{1F3A1}\",\n  \"\\u{1F3A0}\",\n  \"\\u{1F3A2}\",\n  \"\\u2708\\uFE0F\",\n  \"\\u{1F697}\",\n  \"\\u{1F3E0}\",\n  \"\\u26A1\",\n  \"\\u{1F52E}\",\n  \"\\u{1F4BC}\",\n];\n\ninterface CreateGroupModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSave: (name: string, avatar: string, avatarBackground: string) => void;\n  existingGroupNames: string[];\n}\n\nexport function CreateGroupModal({\n  open,\n  onOpenChange,\n  onSave,\n  existingGroupNames,\n}: CreateGroupModalProps) {\n  const [groupName, setGroupName] = useState(\"\");\n  const [selectedEmoji, setSelectedEmoji] = useState(\n    CURATED_EMOJIS[0] ?? \"\\u{1F451}\",\n  );\n  const [selectedColor, setSelectedColor] = useState(\n    COLOR_SWATCHES[0] ?? \"#FEF3C7\",\n  );\n\n  React.useEffect(() => {\n    if (open) {\n      setGroupName(\"\");\n      setSelectedEmoji(CURATED_EMOJIS[0] ?? \"\\u{1F451}\");\n      setSelectedColor(COLOR_SWATCHES[0] ?? \"#FEF3C7\");\n    }\n  }, [open]);\n\n  const handleSave = () => {\n    const trimmed = groupName.trim();\n    if (!trimmed) {\n      fluidToast({\n        title: \"Group name required\",\n        description: \"Please enter a name for the new group\",\n        type: \"error\",\n      });\n      return;\n    }\n\n    if (existingGroupNames.includes(trimmed)) {\n      fluidToast({\n        title: \"Group already exists\",\n        description: `A group named \"${trimmed}\" already exists`,\n        type: \"error\",\n      });\n      return;\n    }\n\n    onSave(trimmed, selectedEmoji, selectedColor);\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Create New Group</DialogTitle>\n        </DialogHeader>\n\n        <div className=\"space-y-6 py-4\">\n          {/* Preview */}\n          <div className=\"flex justify-center\">\n            <div\n              className=\"flex h-20 w-20 items-center justify-center rounded-full text-4xl shadow-sm\"\n              style={{ backgroundColor: selectedColor }}\n            >\n              {selectedEmoji}\n            </div>\n          </div>\n\n          {/* Group Name */}\n          <div className=\"space-y-2\">\n            <label className=\"text-foreground text-sm font-medium\">\n              Group Name\n            </label>\n            <Input\n              value={groupName}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                setGroupName(e.target.value)\n              }\n              placeholder=\"Enter group name...\"\n              onKeyDown={(e: React.KeyboardEvent) => {\n                if (e.key === \"Enter\") handleSave();\n                else if (e.key === \"Escape\") onOpenChange(false);\n              }}\n              autoFocus\n            />\n          </div>\n\n          {/* Emoji Selection */}\n          <div className=\"space-y-2\">\n            <label className=\"text-foreground text-sm font-medium\">\n              Choose Emoji\n            </label>\n            <div className=\"grid max-h-40 grid-cols-8 gap-1 overflow-y-auto\">\n              {CURATED_EMOJIS.map((emoji) => (\n                <button\n                  key={emoji}\n                  type=\"button\"\n                  onClick={() => setSelectedEmoji(emoji)}\n                  className={cn(\n                    \"hover:bg-primary/50 flex h-9 w-9 items-center justify-center rounded-md text-lg transition-colors\",\n                    selectedEmoji === emoji &&\n                      \"bg-primary/10 border-primary border-2\",\n                  )}\n                >\n                  {emoji}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {/* Color Selection */}\n          <div className=\"space-y-2\">\n            <label className=\"text-foreground text-sm font-medium\">\n              Choose Color\n            </label>\n            <div className=\"grid grid-cols-7 gap-2\">\n              {COLOR_SWATCHES.map((color) => (\n                <button\n                  key={color}\n                  type=\"button\"\n                  onClick={() => setSelectedColor(color)}\n                  className={cn(\n                    \"h-8 w-8 rounded-full border-2 transition-all\",\n                    selectedColor === color\n                      ? \"border-primary scale-110\"\n                      : \"border-foreground/10 hover:scale-105\",\n                  )}\n                  style={{ backgroundColor: color }}\n                  aria-label={`Color ${color}`}\n                />\n              ))}\n            </div>\n          </div>\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={handleSave}>Create Group</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n","\"use client\";\n\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardContent,\n  cn,\n  fluidToast,\n  Spinner,\n} from \"@fluid-app/ui-primitives\";\nimport { ContactInfoCard } from \"../../../shared/components/contacts/contactCard/contactInfoCard\";\nimport { ContactDetailsForm } from \"../../../shared/components/contacts/contactDetailsForm\";\nimport { NotesList } from \"../notes/notes-list\";\n// import { ActivityFeed } from \"../activities/activity-feed\";\nimport { TaskList } from \"../tasks/task-list\";\nimport { useContactActivities } from \"../../hooks/contacts/use-contact-activities\";\nimport { useContactTasks } from \"../../hooks/contacts/use-contact-tasks\";\nimport { useContactNotes } from \"../../hooks/notes/use-contact-notes\";\nimport { useMarkContactRead } from \"../../hooks/contacts/use-mark-contact-read\";\nimport { useGroups } from \"../../hooks/groups/use-groups\";\nimport { useCreateGroup } from \"../../hooks/groups/use-create-group\";\nimport { useUpdateContactTags } from \"../../hooks/groups/use-update-contact-tags\";\nimport { useGroupsApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { GroupsSection } from \"./detail/GroupsSection\";\nimport { ManageGroupsModal } from \"./detail/ManageGroupsModal\";\nimport { CreateGroupModal } from \"./detail/CreateGroupModal\";\n// import { ShoppingCart, Repeat2 } from \"lucide-react\";\n\nconst VISIBLE_TABS = [\"Tasks\", \"Notes\", \"Profile\"] as const;\n// Privacy: Activity, Orders, Subscriptions hidden until BFF supports them.\n// To re-enable, add them back here and uncomment the corresponding tab\n// content + imports below.\n// const ALL_TABS = [\"Activity\", \"Tasks\", \"Notes\", \"Profile\", \"Orders\", \"Subscriptions\"] as const;\n\ntype TabType = (typeof VISIBLE_TABS)[number];\n\nconst TABS_WITHOUT_PROFILE = VISIBLE_TABS.filter(\n  (t): t is Exclude<TabType, \"Profile\"> => t !== \"Profile\",\n);\n\nconst TAB_BUTTON_CLASS =\n  \"border-b-2 py-3 text-sm font-medium transition-colors\";\nconst TAB_ACTIVE_CLASS = \"border-primary text-primary\";\nconst TAB_INACTIVE_CLASS =\n  \"border-transparent text-muted-foreground hover:border-foreground hover:text-foreground\";\n\nexport interface RepContactDetailViewProps {\n  contact?: Contact;\n  contactId: string;\n  countryOptions?: { name: string; value: string }[];\n  /** Slot for rendering orders content (provided by consumer) */\n  ordersSlot?: React.ReactNode;\n  /** Slot for rendering subscriptions content (provided by consumer) */\n  subscriptionsSlot?: React.ReactNode;\n  /** Triggers form save from the editing toolbar */\n  onSave?: () => void;\n  /** Whether the form has unsaved changes */\n  isDirty?: boolean;\n  /** Whether the update mutation is pending */\n  isSubmitting?: boolean;\n  /** Render prop for avatar file picker (consumer provides the picker UI) */\n  renderAvatarPicker?: (props: {\n    value: string | null;\n    onChange: (url: string | null) => void;\n  }) => React.ReactNode;\n  /** Query key prefix for tag-update cache invalidation */\n  queryKeyPrefix?: string;\n}\n\nconst DEFAULT_COUNTRY_OPTIONS: { name: string; value: string }[] = [];\n\nexport function RepContactDetailView({\n  contact,\n  contactId,\n  countryOptions = DEFAULT_COUNTRY_OPTIONS,\n  ordersSlot: _ordersSlot,\n  subscriptionsSlot: _subscriptionsSlot,\n  onSave,\n  isDirty = false,\n  isSubmitting = false,\n  renderAvatarPicker,\n  queryKeyPrefix = \"sdk-contacts\",\n}: RepContactDetailViewProps): React.JSX.Element {\n  const [activeTab, setActiveTab] = useState<TabType>(\"Tasks\");\n\n  // Groups — only available when GroupsApi is provided\n  const groupsApi = useGroupsApi();\n  const hasGroups = !!groupsApi;\n  const { data: availableGroups = [] } = useGroups();\n  const createGroup = useCreateGroup();\n  const updateTags = useUpdateContactTags(contactId, queryKeyPrefix);\n\n  const contactTags: string[] = useMemo(\n    () =>\n      ((contact as Record<string, unknown> | undefined)?.tags as string[]) ??\n      [],\n    [contact],\n  );\n\n  const [isManageGroupsModalOpen, setIsManageGroupsModalOpen] = useState(false);\n  const [isCreateGroupModalOpen, setIsCreateGroupModalOpen] = useState(false);\n\n  const { data: activities = [], isLoading: _isLoadingActivities } =\n    useContactActivities(contactId);\n\n  const { data: tasks = [], isLoading: isLoadingTasks } =\n    useContactTasks(contactId);\n\n  const { data: notes = [], isLoading: isLoadingNotes } =\n    useContactNotes(contactId);\n\n  const markRead = useMarkContactRead(contactId);\n  const hasFiredRef = useRef(false);\n  const prevHasUnreadRef = useRef(false);\n\n  // Refs to imperatively open create modals from the sidebar\n  const openNoteModalRef = useRef<(() => void) | null>(null);\n  const openTaskModalRef = useRef<(() => void) | null>(null);\n  const [pendingOpenModal, setPendingOpenModal] = useState<\n    \"tasks\" | \"notes\" | null\n  >(null);\n\n  useEffect(() => {\n    if (pendingOpenModal === \"tasks\" && openTaskModalRef.current) {\n      openTaskModalRef.current();\n      setPendingOpenModal(null);\n    } else if (pendingOpenModal === \"notes\" && openNoteModalRef.current) {\n      openNoteModalRef.current();\n      setPendingOpenModal(null);\n    }\n  }, [pendingOpenModal]);\n\n  // Reset the guard when new unread activities arrive\n  const hasUnread = useMemo(\n    () => activities.some((a) => !a.read_at),\n    [activities],\n  );\n\n  // Reset the guard when new unread activities appear (inline sync)\n  if (hasUnread && !prevHasUnreadRef.current) {\n    hasFiredRef.current = false;\n  }\n  prevHasUnreadRef.current = hasUnread;\n\n  const _handleMarkRead = useCallback(() => {\n    if (hasFiredRef.current || markRead.isPending) return;\n    hasFiredRef.current = true;\n    markRead.mutate();\n  }, [markRead]);\n\n  const contactInfo = useMemo(\n    () => ({\n      firstName: contact?.first_name ?? undefined,\n      lastName: contact?.last_name ?? undefined,\n      email: contact?.email ?? undefined,\n      phone: contact?.phone ?? undefined,\n      address: contact?.address ?? undefined,\n      city: contact?.city ?? undefined,\n      state: contact?.state ?? undefined,\n      postalCode: contact?.postal_code ?? undefined,\n      status: contact?.status ?? undefined,\n      avatarUrl: contact?.avatar_url ?? undefined,\n      countryName: contact?.country?.name ?? undefined,\n    }),\n    [contact],\n  );\n\n  const fullName =\n    [contact?.first_name, contact?.last_name].filter(Boolean).join(\" \") ||\n    \"Contact\";\n\n  const isEditingProfile = activeTab === \"Profile\";\n\n  // --- Group handlers ---\n  const handleAddToGroup = useCallback(\n    (groupName: string) => {\n      const newTags = [...contactTags, groupName];\n      updateTags.mutate(newTags, {\n        onSuccess: () => {\n          fluidToast({\n            title: \"Added to group\",\n            description: `Contact added to \"${groupName}\"`,\n            type: \"success\",\n          });\n        },\n      });\n    },\n    [contactTags, updateTags],\n  );\n\n  const handleRemoveGroup = useCallback(\n    (groupName: string) => {\n      const newTags = contactTags.filter((g) => g !== groupName);\n      updateTags.mutate(newTags, {\n        onSuccess: () => {\n          fluidToast({\n            title: \"Removed from group\",\n            description: `Contact removed from \"${groupName}\"`,\n            type: \"success\",\n          });\n        },\n      });\n    },\n    [contactTags, updateTags],\n  );\n\n  const handleCreateNewGroup = useCallback(\n    (name: string, avatar: string, avatarBackground: string) => {\n      createGroup.mutate(\n        { name, avatar, avatar_background: avatarBackground },\n        {\n          onSuccess: () => {\n            const newTags = [...contactTags, name];\n            updateTags.mutate(newTags, {\n              onSuccess: () => {\n                fluidToast({\n                  title: \"Group created\",\n                  description: `Contact added to \"${name}\"`,\n                  type: \"success\",\n                });\n                setIsCreateGroupModalOpen(false);\n              },\n              onError: () => {\n                fluidToast({\n                  title: \"Group created\",\n                  description: `Group created, but could not add contact to \"${name}\". Please try again.`,\n                  type: \"error\",\n                });\n                setIsCreateGroupModalOpen(false);\n              },\n            });\n          },\n        },\n      );\n    },\n    [createGroup, contactTags, updateTags],\n  );\n\n  const handleSaveGroups = useCallback(\n    (selectedTags: string[]) => {\n      updateTags.mutate(selectedTags, {\n        onSuccess: () => {\n          fluidToast({\n            title: \"Groups updated\",\n            description: \"Contact groups have been updated\",\n            type: \"success\",\n          });\n        },\n      });\n    },\n    [updateTags],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div className=\"mx-auto w-full flex-1 lg:overflow-hidden\">\n        <div className=\"flex flex-col gap-6 px-4 py-4 lg:h-full lg:flex-row lg:px-6 lg:py-8\">\n          {/* Left Sidebar */}\n          <div\n            className={cn(\n              \"w-full space-y-6 lg:w-80 lg:overflow-y-auto\",\n              isEditingProfile && \"hidden lg:block\",\n            )}\n          >\n            <ContactInfoCard\n              contact={contactInfo}\n              isDimmed={isEditingProfile}\n              onEdit={() => setActiveTab(\"Profile\")}\n              showActions\n              onCreateTask={() => {\n                setActiveTab(\"Tasks\");\n                setPendingOpenModal(\"tasks\");\n              }}\n              onCreateNote={() => {\n                setActiveTab(\"Notes\");\n                setPendingOpenModal(\"notes\");\n              }}\n            />\n            {hasGroups && (\n              <GroupsSection\n                contactTags={contactTags}\n                availableGroups={availableGroups}\n                onManageGroups={() => setIsManageGroupsModalOpen(true)}\n                onAddToGroup={handleAddToGroup}\n                onCreateNewGroup={() => setIsCreateGroupModalOpen(true)}\n                onRemoveGroup={handleRemoveGroup}\n                disabled={isEditingProfile}\n              />\n            )}\n          </div>\n\n          {/* Center Content */}\n          <div className=\"flex flex-1 flex-col lg:overflow-hidden\">\n            {/* Tab bar or editing toolbar */}\n            {isEditingProfile ? (\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:gap-x-4 sm:gap-y-2\">\n                <div className=\"flex min-w-0 items-center gap-1\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setActiveTab(\"Tasks\")}\n                    className=\"text-muted-foreground hover:bg-muted hover:text-foreground hidden h-9 w-9 shrink-0 items-center justify-center rounded-md transition-colors sm:flex\"\n                    aria-label=\"Back to Tasks\"\n                  >\n                    <ArrowLeft className=\"h-4 w-4\" />\n                  </button>\n                  <span className=\"border-primary text-primary -mb-px border-b-2 py-3 text-sm font-medium\">\n                    Editing {fullName}\n                  </span>\n                </div>\n                <div className=\"flex w-full flex-col gap-2 sm:w-auto sm:shrink-0 sm:flex-row sm:items-center sm:gap-3\">\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => setActiveTab(\"Tasks\")}\n                    disabled={isSubmitting}\n                    className=\"w-full sm:w-auto\"\n                  >\n                    Cancel\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    onClick={onSave}\n                    disabled={!isDirty || isSubmitting}\n                    aria-busy={isSubmitting}\n                    className=\"w-full sm:w-auto\"\n                  >\n                    {isSubmitting && <Spinner className=\"size-4\" />}\n                    {isSubmitting ? \"Saving\" : \"Update Contact\"}\n                  </Button>\n                </div>\n              </div>\n            ) : (\n              <div className=\"flex gap-8\">\n                {TABS_WITHOUT_PROFILE.map((tab) => (\n                  <button\n                    key={tab}\n                    type=\"button\"\n                    onClick={() => setActiveTab(tab)}\n                    className={cn(\n                      TAB_BUTTON_CLASS,\n                      activeTab === tab ? TAB_ACTIVE_CLASS : TAB_INACTIVE_CLASS,\n                    )}\n                  >\n                    {tab}\n                  </button>\n                ))}\n              </div>\n            )}\n\n            {/* Tab Content */}\n            <div className=\"flex-1 pt-6 lg:overflow-y-auto\">\n              {/* Activity tab — hidden for privacy (BFF does not expose activities)\n              {activeTab === \"Activity\" && (\n                <ActivityFeed\n                  activities={activities}\n                  isLoading={isLoadingActivities}\n                  onMarkRead={handleMarkRead}\n                />\n              )} */}\n\n              {activeTab === \"Tasks\" && (\n                <TaskList\n                  tasks={tasks}\n                  isLoading={isLoadingTasks}\n                  contactId={contactId}\n                  ref={openTaskModalRef}\n                />\n              )}\n\n              {activeTab === \"Notes\" && (\n                <NotesList\n                  notes={notes}\n                  isLoading={isLoadingNotes}\n                  contactId={contactId}\n                  ref={openNoteModalRef}\n                />\n              )}\n\n              {activeTab === \"Profile\" && (\n                <Card>\n                  <CardContent>\n                    <p className=\"text-muted-foreground mb-6 text-sm\">\n                      Update details below. Your contact card on the left is\n                      paused while you edit.\n                    </p>\n                    <ContactDetailsForm\n                      countries={countryOptions}\n                      renderAvatarPicker={renderAvatarPicker}\n                    />\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Orders tab — hidden for privacy (BFF does not expose orders)\n              {activeTab === \"Orders\" &&\n                (ordersSlot ?? (\n                  <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n                    <div className=\"bg-muted mb-4 flex h-14 w-14 items-center justify-center rounded-full\">\n                      <ShoppingCart className=\"text-muted-foreground h-6 w-6\" />\n                    </div>\n                    <h3 className=\"text-foreground text-sm font-medium\">\n                      No orders yet\n                    </h3>\n                    <p className=\"text-muted-foreground mt-1 text-sm\">\n                      Orders placed by this contact will appear here.\n                    </p>\n                  </div>\n                ))} */}\n\n              {/* Subscriptions tab — hidden for privacy (BFF does not expose subscriptions)\n              {activeTab === \"Subscriptions\" &&\n                (subscriptionsSlot ?? (\n                  <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n                    <div className=\"bg-muted mb-4 flex h-14 w-14 items-center justify-center rounded-full\">\n                      <Repeat2 className=\"text-muted-foreground h-6 w-6\" />\n                    </div>\n                    <h3 className=\"text-foreground text-sm font-medium\">\n                      No subscriptions yet\n                    </h3>\n                    <p className=\"text-muted-foreground mt-1 text-sm\">\n                      Subscriptions for this contact will appear here.\n                    </p>\n                  </div>\n                ))} */}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Group Modals — only rendered when GroupsApi is available */}\n      {hasGroups && (\n        <>\n          <ManageGroupsModal\n            open={isManageGroupsModalOpen}\n            onOpenChange={setIsManageGroupsModalOpen}\n            contactName={fullName}\n            currentTags={contactTags}\n            availableGroups={availableGroups}\n            onSave={handleSaveGroups}\n            onCreateNewGroup={() => setIsCreateGroupModalOpen(true)}\n          />\n          <CreateGroupModal\n            open={isCreateGroupModalOpen}\n            onOpenChange={setIsCreateGroupModalOpen}\n            onSave={handleCreateNewGroup}\n            existingGroupNames={availableGroups.map((g) => g.name)}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\nexport function Pagination({\n  currentPage,\n  totalPages,\n  totalCount,\n  onPageChange,\n}: {\n  currentPage: number;\n  totalPages: number;\n  totalCount: number;\n  onPageChange: (page: number) => void;\n}): React.JSX.Element | null {\n  if (totalPages <= 1) return null;\n\n  return (\n    <div className=\"flex items-center justify-between pt-2\">\n      <p className=\"text-muted-foreground text-xs\">\n        Page {currentPage} of {totalPages} ({totalCount} total)\n      </p>\n      <div className=\"flex items-center gap-1\">\n        <button\n          type=\"button\"\n          aria-label=\"Previous page\"\n          disabled={currentPage <= 1}\n          onClick={() => onPageChange(currentPage - 1)}\n          className=\"text-muted-foreground hover:bg-muted inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors disabled:opacity-40\"\n        >\n          <ChevronLeft className=\"h-3 w-3\" />\n        </button>\n        <button\n          type=\"button\"\n          aria-label=\"Next page\"\n          disabled={currentPage >= totalPages}\n          onClick={() => onPageChange(currentPage + 1)}\n          className=\"text-muted-foreground hover:bg-muted inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors disabled:opacity-40\"\n        >\n          <ChevronRight className=\"h-3 w-3\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useQuery, keepPreviousData } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactOrder } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactOrder };\n\ntype OrderStatus = ContactOrder[\"status\"];\n\nexport const CONTACT_ORDERS_QUERY_KEY = (contactId: string) =>\n  contactsKeys.orders(contactId);\n\nexport function useContactOrders(\n  contactId: string,\n  params?: { page?: number; per_page?: number; status?: OrderStatus },\n) {\n  const api = useContactsCrud();\n\n  return useQuery({\n    queryKey: [\n      ...contactsKeys.orders(contactId),\n      params?.page,\n      params?.per_page,\n      params?.status,\n    ] as const,\n    queryFn: () => {\n      if (!api.listOrders) {\n        throw new Error(\"listOrders is not available in this adapter\");\n      }\n      return api.listOrders(contactId, params);\n    },\n    enabled: !!contactId && !!api.listOrders,\n    placeholderData: keepPreviousData,\n  });\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { ShoppingCart } from \"lucide-react\";\nimport { Pagination } from \"../shared/Pagination\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport {\n  useContactOrders,\n  type ContactOrder,\n} from \"../../hooks/contacts/use-contact-orders\";\nimport {\n  StatusBadge,\n  type StatusBadgeVariant,\n} from \"../../../shared/components/contacts/statusBadge\";\n\n// ---------------------------------------------------------------------------\n// Status → badge variant maps\n// ---------------------------------------------------------------------------\n\nconst financialStatusVariant: Record<string, StatusBadgeVariant> = {\n  paid: \"success\",\n  authorized: \"info\",\n  partially_paid: \"warning\",\n  partially_refunded: \"notice\",\n  refunded: \"danger\",\n  voided: \"neutral\",\n  marked_free: \"success\",\n  marked_paid: \"success\",\n  pending: \"warning\",\n};\n\nconst fulfillmentStatusVariant: Record<string, StatusBadgeVariant> = {\n  fulfilled: \"neutral\",\n  in_progress: \"warning\",\n  partially_fulfilled: \"warning\",\n  scheduled: \"info\",\n  on_hold: \"notice\",\n  unfulfilled: \"warning\",\n};\n\n// order.status — the order-processing status used by filter pills\nconst statusVariant: Record<string, StatusBadgeVariant> = {\n  awaiting_payment: \"warning\",\n  awaiting_shipment: \"info\",\n  shipped: \"success\",\n  delivered: \"success\",\n  archived: \"neutral\",\n  cancelled: \"danger\",\n  failed_payment: \"danger\",\n  draft: \"neutral\",\n};\n\nconst sourceVariant: Record<string, StatusBadgeVariant> = {\n  enrollment: \"accent\",\n  subscription: \"info\",\n  web: \"neutral\",\n  mobile: \"neutral\",\n  admin: \"neutral\",\n  backoffice: \"neutral\",\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatLabel(value: string): string {\n  return value\n    .split(\"_\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n}\n\nfunction formatDate(dateStr: string): string {\n  return new Date(dateStr).toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatAmount(order: ContactOrder): string {\n  const amount = Number(order.amount ?? 0);\n  const code = order.currency_code ?? \"USD\";\n  try {\n    return new Intl.NumberFormat(\"en-US\", {\n      style: \"currency\",\n      currency: code,\n    }).format(amount);\n  } catch {\n    return `$${amount.toFixed(2)}`;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Filter pills\n// ---------------------------------------------------------------------------\n\nconst STATUS_FILTERS = [\n  { label: \"All\", value: null },\n  { label: \"Awaiting Payment\", value: \"awaiting_payment\" as const },\n  { label: \"Awaiting Shipment\", value: \"awaiting_shipment\" as const },\n  { label: \"Shipped\", value: \"shipped\" as const },\n  { label: \"Delivered\", value: \"delivered\" as const },\n  { label: \"Cancelled\", value: \"cancelled\" as const },\n] as const;\n\n// ---------------------------------------------------------------------------\n// Empty state\n// ---------------------------------------------------------------------------\n\nfunction EmptyState() {\n  return (\n    <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n      <div className=\"relative mb-6\">\n        <div className=\"from-primary/10 to-primary/5 flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br\">\n          <ShoppingCart className=\"text-primary/60 h-9 w-9\" />\n        </div>\n      </div>\n      <h4 className=\"text-foreground text-base font-semibold\">No orders yet</h4>\n      <p className=\"text-muted-foreground mt-1.5 max-w-[260px] text-sm leading-relaxed\">\n        Orders placed by this contact will appear here\n      </p>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Loading skeleton\n// ---------------------------------------------------------------------------\n\nfunction OrderCardSkeleton() {\n  return (\n    <div className=\"border-border bg-card rounded-xl border p-5\">\n      <div className=\"flex items-start justify-between\">\n        <div className=\"space-y-3\">\n          <Skeleton className=\"h-5 w-32\" />\n          <div className=\"flex gap-2\">\n            <Skeleton className=\"h-5 w-20 rounded-xl\" />\n            <Skeleton className=\"h-5 w-16 rounded-xl\" />\n            <Skeleton className=\"h-5 w-24 rounded-xl\" />\n          </div>\n          <Skeleton className=\"h-4 w-28\" />\n        </div>\n        <Skeleton className=\"h-6 w-16\" />\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Order card\n// ---------------------------------------------------------------------------\n\nfunction OrderCard({ order }: { order: ContactOrder }) {\n  return (\n    <div className=\"border-border bg-card hover:border-border/80 hover:bg-accent/30 rounded-xl border p-5 transition-colors\">\n      <div className=\"flex items-start justify-between gap-4\">\n        {/* Left side: order info */}\n        <div className=\"min-w-0 flex-1 space-y-3\">\n          {/* Order number */}\n          <p className=\"text-foreground text-sm font-semibold\">\n            #{order.order_number ?? order.id}\n          </p>\n\n          {/* Status badges */}\n          <div className=\"flex flex-wrap gap-1.5\">\n            <StatusBadge\n              status={statusVariant[order.status] ?? \"neutral\"}\n              label={formatLabel(order.status)}\n            />\n            <StatusBadge\n              status={\n                financialStatusVariant[order.financial_status] ?? \"neutral\"\n              }\n              label={formatLabel(order.financial_status)}\n            />\n            <StatusBadge\n              status={\n                fulfillmentStatusVariant[order.fulfillment_status] ?? \"neutral\"\n              }\n              label={formatLabel(order.fulfillment_status)}\n            />\n            <StatusBadge\n              status={sourceVariant[order.source] ?? \"neutral\"}\n              label={formatLabel(order.source)}\n            />\n          </div>\n\n          {/* Date */}\n          <p className=\"text-muted-foreground text-xs\">\n            {formatDate(order.created_at)}\n          </p>\n        </div>\n\n        {/* Right side: amount */}\n        <p className=\"text-foreground text-base font-semibold tabular-nums\">\n          {formatAmount(order)}\n        </p>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface ContactOrdersListProps {\n  contactId: string;\n  pageSize?: number;\n}\n\nexport function ContactOrdersList({\n  contactId,\n  pageSize = 10,\n}: ContactOrdersListProps): React.JSX.Element {\n  const [page, setPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<\n    ContactOrder[\"status\"] | null\n  >(null);\n\n  const { data, isLoading, isError, isFetching } = useContactOrders(contactId, {\n    page,\n    per_page: pageSize,\n    ...(statusFilter ? { status: statusFilter } : {}),\n  });\n\n  const orders = data?.orders ?? [];\n  const meta = data?.meta;\n  const totalCount = meta?.total_count ?? 0;\n  const totalPages = meta?.total_pages ?? 1;\n  const currentPage = meta?.current_page ?? page;\n\n  // Reset page when filter changes\n  const handleStatusChange = (value: ContactOrder[\"status\"] | null) => {\n    setStatusFilter(value);\n    setPage(1);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <Skeleton className=\"h-6 w-24\" />\n        </div>\n        <div className=\"space-y-3\">\n          {[1, 2, 3].map((i) => (\n            <OrderCardSkeleton key={i} />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n        <p className=\"text-destructive text-sm font-medium\">\n          Failed to load orders\n        </p>\n        <p className=\"text-muted-foreground mt-1 text-xs\">\n          Please try again later\n        </p>\n      </div>\n    );\n  }\n\n  if (totalCount === 0 && !statusFilter) {\n    return <EmptyState />;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-foreground text-base font-semibold\">\n          Orders\n          <span className=\"text-muted-foreground ml-1.5 text-sm font-normal\">\n            ({totalCount})\n          </span>\n        </h3>\n        {isFetching && (\n          <div className=\"bg-muted h-1.5 w-1.5 animate-pulse rounded-full\" />\n        )}\n      </div>\n\n      {/* Filter pills */}\n      <div className=\"flex flex-wrap gap-1.5\">\n        {STATUS_FILTERS.map((filter) => (\n          <button\n            type=\"button\"\n            key={filter.label}\n            onClick={() => handleStatusChange(filter.value)}\n            className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${\n              statusFilter === filter.value\n                ? \"bg-foreground text-background\"\n                : \"bg-muted text-muted-foreground hover:bg-muted/80\"\n            }`}\n          >\n            {filter.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Orders list */}\n      {orders.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            No orders match this filter\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {orders.map((order) => (\n            <OrderCard key={order.id} order={order} />\n          ))}\n        </div>\n      )}\n\n      {/* Pagination */}\n      <Pagination\n        currentPage={currentPage}\n        totalPages={totalPages}\n        totalCount={totalCount}\n        onPageChange={setPage}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useQuery, keepPreviousData } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { ContactSubscriptionOrder } from \"@fluid-app/contacts-core/types\";\n\nexport type { ContactSubscriptionOrder };\n\nexport const CONTACT_SUBSCRIPTION_ORDERS_QUERY_KEY = (contactId: string) =>\n  contactsKeys.subscriptionOrders(contactId);\n\nexport function useContactSubscriptionOrders(\n  contactId: string,\n  params?: {\n    page?: number;\n    per_page?: number;\n    status?: string;\n  },\n) {\n  const api = useContactsCrud();\n\n  return useQuery({\n    queryKey: [\n      ...contactsKeys.subscriptionOrders(contactId),\n      params?.page,\n      params?.per_page,\n      params?.status,\n    ] as const,\n    queryFn: () => {\n      if (!api.listSubscriptionOrders) {\n        throw new Error(\n          \"listSubscriptionOrders is not available in this adapter\",\n        );\n      }\n      return api.listSubscriptionOrders(contactId, params);\n    },\n    enabled: !!contactId && !!api.listSubscriptionOrders,\n    placeholderData: keepPreviousData,\n  });\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Repeat2 } from \"lucide-react\";\nimport { Pagination } from \"../shared/Pagination\";\nimport { Skeleton } from \"@fluid-app/ui-primitives\";\nimport {\n  useContactSubscriptionOrders,\n  type ContactSubscriptionOrder,\n} from \"../../hooks/contacts/use-contact-subscription-orders\";\nimport {\n  StatusBadge,\n  type StatusBadgeVariant,\n} from \"../../../shared/components/contacts/statusBadge\";\n\n// ---------------------------------------------------------------------------\n// Subscription lifecycle status → badge variant map\n//\n// This maps the subscription's *lifecycle* status (sub.status) — NOT the\n// order-processing status used by the filter pills / API query parameter.\n// See the STATUS_FILTERS comment below for the full explanation.\n// ---------------------------------------------------------------------------\n\nconst lifecycleStatusVariant: Record<string, StatusBadgeVariant> = {\n  active: \"success\",\n  paused: \"warning\",\n  cancelled: \"danger\",\n  expired: \"neutral\",\n  pending: \"warning\",\n  trial: \"info\",\n  past_due: \"notice\",\n  failed: \"danger\",\n};\n\n// ---------------------------------------------------------------------------\n// Filter pills\n//\n// NOTE: The filter pills use *order-processing* statuses (awaiting_payment,\n// shipped, etc.) which map to the API's `status` query parameter. The badge\n// in each card displays the *subscription lifecycle* status (active, paused,\n// etc.) from `sub.status`. These are intentionally two different dimensions:\n// the filter narrows which subscription orders appear, while the badge shows\n// each subscription's lifecycle state.\n// ---------------------------------------------------------------------------\n\ntype SubscriptionOrderStatusFilter =\n  | \"awaiting_payment\"\n  | \"awaiting_shipment\"\n  | \"shipped\"\n  | \"delivered\"\n  | \"archived\"\n  | \"cancelled\"\n  | \"failed_payment\"\n  | \"draft\";\n\nconst STATUS_FILTERS: {\n  label: string;\n  value: SubscriptionOrderStatusFilter | null;\n}[] = [\n  { label: \"All\", value: null },\n  { label: \"Awaiting Payment\", value: \"awaiting_payment\" },\n  { label: \"Awaiting Shipment\", value: \"awaiting_shipment\" },\n  { label: \"Shipped\", value: \"shipped\" },\n  { label: \"Delivered\", value: \"delivered\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatLabel(value: string): string {\n  return value\n    .split(\"_\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n}\n\nfunction formatDate(dateStr: string | null | undefined): string {\n  if (!dateStr) return \"\\u2014\";\n  return new Date(dateStr).toLocaleDateString(\"en-US\", {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Empty state\n// ---------------------------------------------------------------------------\n\nfunction EmptyState() {\n  return (\n    <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n      <div className=\"relative mb-6\">\n        <div className=\"from-primary/10 to-primary/5 flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br\">\n          <Repeat2 className=\"text-primary/60 h-9 w-9\" />\n        </div>\n      </div>\n      <h4 className=\"text-foreground text-base font-semibold\">\n        No subscriptions yet\n      </h4>\n      <p className=\"text-muted-foreground mt-1.5 max-w-[260px] text-sm leading-relaxed\">\n        Subscriptions for this contact will appear here\n      </p>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Loading skeleton\n// ---------------------------------------------------------------------------\n\nfunction SubscriptionCardSkeleton() {\n  return (\n    <div className=\"border-border bg-card rounded-xl border p-5\">\n      <div className=\"flex items-start gap-4\">\n        <Skeleton className=\"h-12 w-12 rounded-lg\" />\n        <div className=\"flex-1 space-y-3\">\n          <Skeleton className=\"h-5 w-32\" />\n          <div className=\"flex gap-2\">\n            <Skeleton className=\"h-5 w-16 rounded-xl\" />\n            <Skeleton className=\"h-5 w-24 rounded-xl\" />\n          </div>\n          <Skeleton className=\"h-4 w-40\" />\n        </div>\n        <Skeleton className=\"h-6 w-16\" />\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Subscription card\n// ---------------------------------------------------------------------------\n\nfunction SubscriptionCard({ sub }: { sub: ContactSubscriptionOrder }) {\n  const displayAmount = sub.display_total ?? sub.display_amount ?? null;\n\n  return (\n    <div className=\"border-border bg-card hover:border-border/80 hover:bg-accent/30 rounded-xl border p-5 transition-colors\">\n      <div className=\"flex items-start gap-4\">\n        {/* Thumbnail */}\n        {sub.order_thumbnail ? (\n          <img\n            src={sub.order_thumbnail}\n            alt={`Subscription #${sub.order_number ?? sub.id}`}\n            loading=\"lazy\"\n            className=\"h-12 w-12 flex-shrink-0 rounded-lg object-cover\"\n          />\n        ) : (\n          <div className=\"bg-muted flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-lg\">\n            <Repeat2 className=\"text-muted-foreground h-5 w-5\" />\n          </div>\n        )}\n\n        {/* Info */}\n        <div className=\"min-w-0 flex-1 space-y-2.5\">\n          {/* Order number */}\n          <p className=\"text-foreground text-sm font-semibold\">\n            #{sub.order_number ?? sub.id}\n          </p>\n\n          {/* Status + interval */}\n          <div className=\"flex flex-wrap items-center gap-1.5\">\n            <StatusBadge\n              status={lifecycleStatusVariant[sub.status] ?? \"neutral\"}\n              label={formatLabel(sub.status)}\n            />\n            {sub.subscription_interval != null && (\n              <StatusBadge\n                status=\"accent\"\n                label={`Every ${sub.subscription_interval} days`}\n              />\n            )}\n          </div>\n\n          {/* Dates */}\n          <div className=\"text-muted-foreground flex flex-wrap gap-x-4 gap-y-1 text-xs\">\n            {sub.next_bill_date && (\n              <span>\n                Next bill:{\" \"}\n                <span className=\"text-foreground font-medium\">\n                  {formatDate(sub.next_bill_date)}\n                </span>\n              </span>\n            )}\n            {sub.created_at && (\n              <span>Created {formatDate(sub.created_at)}</span>\n            )}\n          </div>\n        </div>\n\n        {/* Amount */}\n        {displayAmount && (\n          <p className=\"text-foreground flex-shrink-0 text-base font-semibold tabular-nums\">\n            {displayAmount}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport interface ContactSubscriptionOrdersListProps {\n  contactId: string;\n  pageSize?: number;\n}\n\nexport function ContactSubscriptionOrdersList({\n  contactId,\n  pageSize = 10,\n}: ContactSubscriptionOrdersListProps): React.JSX.Element {\n  const [page, setPage] = useState(1);\n  const [statusFilter, setStatusFilter] =\n    useState<SubscriptionOrderStatusFilter | null>(null);\n\n  const { data, isLoading, isError, isFetching } = useContactSubscriptionOrders(\n    contactId,\n    {\n      page,\n      per_page: pageSize,\n      ...(statusFilter ? { status: statusFilter } : {}),\n    },\n  );\n\n  const subscriptions = data?.subscription_orders ?? [];\n  const meta = data?.meta;\n  const totalCount = meta?.total_count ?? 0;\n  const totalPages = meta?.total_pages ?? 1;\n  const currentPage = meta?.current_page ?? page;\n\n  const handleStatusChange = (value: SubscriptionOrderStatusFilter | null) => {\n    setStatusFilter(value);\n    setPage(1);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center justify-between\">\n          <Skeleton className=\"h-6 w-32\" />\n        </div>\n        <div className=\"space-y-3\">\n          {[1, 2, 3].map((i) => (\n            <SubscriptionCardSkeleton key={i} />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"flex flex-col items-center justify-center px-4 py-12 text-center\">\n        <p className=\"text-destructive text-sm font-medium\">\n          Failed to load subscriptions\n        </p>\n        <p className=\"text-muted-foreground mt-1 text-xs\">\n          Please try again later\n        </p>\n      </div>\n    );\n  }\n\n  if (totalCount === 0 && !statusFilter) {\n    return <EmptyState />;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-foreground text-base font-semibold\">\n          Subscriptions\n          <span className=\"text-muted-foreground ml-1.5 text-sm font-normal\">\n            ({totalCount})\n          </span>\n        </h3>\n        {isFetching && (\n          <div className=\"bg-muted h-1.5 w-1.5 animate-pulse rounded-full\" />\n        )}\n      </div>\n\n      {/* Filter pills */}\n      <div className=\"flex flex-wrap gap-1.5\">\n        {STATUS_FILTERS.map((filter) => (\n          <button\n            type=\"button\"\n            key={filter.label}\n            onClick={() => handleStatusChange(filter.value)}\n            className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${\n              statusFilter === filter.value\n                ? \"bg-foreground text-background\"\n                : \"bg-muted text-muted-foreground hover:bg-muted/80\"\n            }`}\n          >\n            {filter.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Subscriptions list */}\n      {subscriptions.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            No subscriptions match this filter\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {subscriptions.map((sub) => (\n            <SubscriptionCard key={sub.id} sub={sub} />\n          ))}\n        </div>\n      )}\n\n      {/* Pagination */}\n      <Pagination\n        currentPage={currentPage}\n        totalPages={totalPages}\n        totalCount={totalCount}\n        onPageChange={setPage}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useContactDetail(\n  contactId: string,\n  queryKeyPrefix = \"contacts\",\n) {\n  const api = useContactsCrud();\n\n  return useQuery({\n    queryKey: CONTACTS_QUERY_KEYS.detail(queryKeyPrefix, contactId),\n    queryFn: () => api.getContact(contactId),\n    enabled: !!contactId,\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\ntype UpdateInput = {\n  id: string;\n  data: Record<string, unknown>;\n};\n\nexport function useUpdateContactMutation(\n  contactId: string,\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: () => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: ({ id, data }: UpdateInput) => api.updateContact(id, data),\n    onSuccess: () => {\n      fluidToast({ title: \"Contact updated successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to save contact\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n      options?.onError?.(error);\n    },\n  });\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\n\nexport function useDeleteContactMutation(\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: () => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: (contactId: string) => api.deleteContact(contactId),\n    onSuccess: () => {\n      fluidToast({ title: \"Contact deleted successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.();\n    },\n    onError: (error) => {\n      fluidToast({\n        title: \"Failed to delete contact\",\n        type: \"error\",\n        description: parseApiErrors(error),\n      });\n      options?.onError?.(error);\n    },\n  });\n}\n","import { z } from \"zod\";\n\n/**\n * Form schema for creating a contact.\n * Matches CompanyContactCreate / ContactCreate from the OpenAPI spec.\n *\n * @see CompanyContactCreate in company_contacts.d.ts\n * @see ContactCreate in users_contacts.d.ts\n */\nexport const createContactFormSchema = z.object({\n  first_name: z.string().min(1, { message: \"First name is required\" }),\n  last_name: z.string().min(1, { message: \"Last name is required\" }),\n  status: z.string().nullable().optional(),\n  email: z.string().email().or(z.literal(\"\")).nullable().optional(),\n  phone: z.string().nullable().optional(),\n  address: z.string().nullable().optional(),\n  city: z.string().nullable().optional(),\n  state: z.string().nullable().optional(),\n  postal_code: z.string().nullable().optional(),\n  country_code: z.coerce.string().nullable().optional(),\n  language_code: z.coerce.string().nullable().optional(),\n  affiliate: z.record(z.string(), z.unknown()).nullable().optional(),\n  metadata: z.record(z.string(), z.unknown()).optional(),\n});\n\nexport type CreateContactFormData = z.infer<typeof createContactFormSchema>;\n\n/**\n * Form schema for editing a contact.\n * Same fields as create plus id. Uses .passthrough() so extra fields\n * from the Contact read model (full_name, avatar_url, etc.) don't\n * cause validation failures.\n *\n * @see CompanyContactUpdate in company_contacts.d.ts\n */\nexport const editContactFormSchema = createContactFormSchema.passthrough();\n\nexport type EditContactFormData = z.infer<typeof editContactFormSchema>;\n","\"use client\";\n\nimport { useMemo, useCallback } from \"react\";\nimport { useZodForm, fluidToast } from \"@fluid-app/ui-primitives\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useContactDetail } from \"./useContactDetail\";\nimport { useUpdateContactMutation } from \"./useUpdateContactMutation\";\nimport { useDeleteContactMutation } from \"./useDeleteContactMutation\";\nimport {\n  createContactFormSchema,\n  editContactFormSchema,\n  type EditContactFormData,\n} from \"../schemas/contactFormSchema\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\n\nconst mutableKeys = Object.keys(\n  createContactFormSchema.shape,\n) as (keyof EditContactFormData)[];\n\nexport function useContactDetailPage(\n  contactId: string,\n  options?: {\n    queryKeyPrefix?: string;\n    getCountries?: () => Promise<{ id: number; name: string; iso?: string }[]>;\n    onDeleteSuccess?: () => void;\n  },\n): {\n  contact: Contact | undefined;\n  isLoading: boolean;\n  methods: UseFormReturn<EditContactFormData>;\n  countryOptions: { name: string; value: string }[];\n  isDirty: boolean;\n  isSubmitting: boolean;\n  isDeleting: boolean;\n  onSave: () => void;\n  onDelete: () => void;\n} {\n  const queryKeyPrefix = options?.queryKeyPrefix ?? \"contacts\";\n\n  const { data, isLoading } = useContactDetail(contactId, queryKeyPrefix);\n\n  const { data: countries } = useQuery({\n    queryKey: [\"countries\"],\n    queryFn: options?.getCountries ?? (() => Promise.resolve([])),\n    enabled: !!options?.getCountries,\n  });\n\n  const countryOptions = useMemo(\n    () =>\n      [\n        ...(countries?.map((c) => ({\n          name: c.name,\n          value: c.iso ?? c.id.toString(),\n        })) ?? []),\n      ].sort((a, b) => a.name.localeCompare(b.name)),\n    [countries],\n  );\n\n  const contact = data?.contact;\n\n  // Map nested country object to the ISO code the form select expects\n  const formValues = useMemo(() => {\n    if (!contact) return undefined;\n    return {\n      ...contact,\n      country_code:\n        contact.country?.iso ?? contact.country_id?.toString() ?? null,\n    } as unknown as EditContactFormData;\n  }, [contact]);\n\n  const methods = useZodForm<EditContactFormData>(editContactFormSchema, {\n    values: formValues,\n    mode: \"onBlur\",\n  });\n\n  const updateMutation = useUpdateContactMutation(contactId, queryKeyPrefix, {\n    onSuccess: () => {\n      methods.reset(methods.getValues());\n    },\n  });\n\n  const deleteMutation = useDeleteContactMutation(queryKeyPrefix, {\n    onSuccess: () => {\n      options?.onDeleteSuccess?.();\n    },\n  });\n\n  const onSave = useCallback(() => {\n    methods.handleSubmit(\n      (formData) => {\n        const payload: Record<string, unknown> = {};\n        for (const key of mutableKeys) {\n          if (key in formData) {\n            payload[key] = formData[key];\n          }\n        }\n\n        updateMutation.mutate({\n          id: contactId,\n          data: payload,\n        });\n      },\n      (errors) => {\n        const errorMessages = Object.entries(errors)\n          .map(([field, err]) => {\n            const msg =\n              typeof err?.message === \"string\" ? err.message : \"invalid\";\n            return `${field.replace(/_/g, \" \")}: ${msg}`;\n          })\n          .join(\", \");\n        fluidToast({\n          title: \"Please fix the form errors before saving\",\n          description: errorMessages || undefined,\n          type: \"error\",\n        });\n      },\n    )();\n  }, [methods, updateMutation, contactId]);\n\n  const onDelete = useCallback(() => {\n    deleteMutation.mutate(contactId);\n  }, [deleteMutation, contactId]);\n\n  return {\n    contact,\n    isLoading,\n    methods,\n    countryOptions,\n    isDirty: methods.formState.isDirty,\n    isSubmitting: updateMutation.isPending,\n    isDeleting: deleteMutation.isPending,\n    onSave,\n    onDelete,\n  };\n}\n","\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { parseApiErrors } from \"@fluid-app/api-client-core\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { CONTACTS_QUERY_KEYS } from \"@fluid-app/contacts-core/query-keys\";\nimport type { CreateContactFormData } from \"../schemas/contactFormSchema\";\n\nexport function useCreateContactMutation(\n  queryKeyPrefix = \"contacts\",\n  options?: {\n    onSuccess?: (data: { contact: { id: number } }) => void;\n    onError?: (error: unknown) => void;\n  },\n) {\n  const queryClient = useQueryClient();\n  const api = useContactsCrud();\n\n  return useMutation({\n    mutationFn: (data: CreateContactFormData) =>\n      api.createContact(data as unknown as Record<string, unknown>),\n    onSuccess: (data) => {\n      fluidToast({ title: \"Contact created successfully\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: CONTACTS_QUERY_KEYS.all(queryKeyPrefix),\n      });\n      options?.onSuccess?.(data as unknown as { contact: { id: number } });\n    },\n    onError: (error) => {\n      if (options?.onError) {\n        options.onError(error);\n      } else {\n        fluidToast({\n          title: \"Failed to create contact\",\n          type: \"error\",\n          description: parseApiErrors(error),\n        });\n      }\n    },\n  });\n}\n","/**\n * Generated API client functions for portal_tenant_contacts\n *\n * DO NOT EDIT THIS FILE DIRECTLY\n * This file is auto-generated. To update:\n * 1. Update the OpenAPI spec file\n * 2. Run: pnpm generate\n */\n\nimport type { FetchClient } from \"../lib/fetch-client\";\nimport type { operations } from \"../generated/portal-tenant-contacts\";\n\n// ============================================================================\n// contacts\n// ============================================================================\n\n/**\n * List contacts with cursor pagination\n * Returns a paginated list of contacts belonging to the authenticated member.\n *\n * @param client - Fetch client instance\n * @param [params] - params\n */\nexport async function contacts_list(\n  client: FetchClient,\n  params?: operations[\"contacts_list\"][\"parameters\"][\"query\"],\n): Promise<\n  operations[\"contacts_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.get(`/api/contacts`, params);\n}\n\n/**\n * Create a new contact\n * Creates a new contact for the authenticated member.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_create(\n  client: FetchClient,\n  body: operations[\"contacts_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n  return client.post(`/api/contacts`, body);\n}\n\n/**\n * Get a specific contact\n * Returns a single contact by ID.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_show(\n  client: FetchClient,\n  id: string | number,\n): Promise<\n  operations[\"contacts_show\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.get(`/api/contacts/${id}`);\n}\n\n/**\n * Update a contact\n * Updates an existing contact's attributes.\n *\n * @param client - Fetch client instance\n * @param id - id\n * @param body - body\n */\nexport async function contacts_update(\n  client: FetchClient,\n  id: string | number,\n  body: operations[\"contacts_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.patch(`/api/contacts/${id}`, body);\n}\n\n/**\n * Delete a contact\n * Soft-deletes a contact by ID.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_destroy(\n  client: FetchClient,\n  id: string | number,\n): Promise<\n  operations[\"contacts_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.delete(`/api/contacts/${id}`);\n}\n\n/**\n * Delete multiple contacts\n * Soft-deletes multiple contacts by their IDs.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_bulk_destroy(\n  client: FetchClient,\n  body: operations[\"contacts_bulk_destroy\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_bulk_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.delete(`/api/contacts/bulk`, { body });\n}\n\n/**\n * List contact groups\n * Returns a paginated list of contact groups belonging to the authenticated member.\n *\n * @param client - Fetch client instance\n * @param [params] - params\n */\nexport async function contacts_groups_list(\n  client: FetchClient,\n  params?: operations[\"contacts_groups_list\"][\"parameters\"][\"query\"],\n): Promise<\n  operations[\"contacts_groups_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.get(`/api/contacts/groups`, params);\n}\n\n/**\n * Create a new group\n * Creates a new contact group for the authenticated member.\n *\n * @param client - Fetch client instance\n * @param body - body\n */\nexport async function contacts_groups_create(\n  client: FetchClient,\n  body: operations[\"contacts_groups_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_groups_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n  return client.post(`/api/contacts/groups`, body);\n}\n\n/**\n * Update a group\n * Updates an existing contact group.\n *\n * @param client - Fetch client instance\n * @param id - id\n * @param body - body\n */\nexport async function contacts_groups_update(\n  client: FetchClient,\n  id: string | number,\n  body: operations[\"contacts_groups_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_groups_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.patch(`/api/contacts/groups/${id}`, body);\n}\n\n/**\n * Delete a group\n * Removes a contact group.\n *\n * @param client - Fetch client instance\n * @param id - id\n */\nexport async function contacts_groups_destroy(\n  client: FetchClient,\n  id: string | number,\n): Promise<\n  operations[\"contacts_groups_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.delete(`/api/contacts/groups/${id}`);\n}\n\n/**\n * List notes for a contact\n * Returns notes attached to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param [params] - params\n */\nexport async function contacts_notes_list(\n  client: FetchClient,\n  contact_id: string | number,\n  params?: operations[\"contacts_notes_list\"][\"parameters\"][\"query\"],\n): Promise<\n  operations[\"contacts_notes_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.get(`/api/contacts/${contact_id}/notes`, params);\n}\n\n/**\n * Create a note for a contact\n * Adds a new note to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param body - body\n */\nexport async function contacts_notes_create(\n  client: FetchClient,\n  contact_id: string | number,\n  body: operations[\"contacts_notes_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_notes_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n  return client.post(`/api/contacts/${contact_id}/notes`, body);\n}\n\n/**\n * List tasks for a contact\n * Returns tasks assigned to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param [params] - params\n */\nexport async function contacts_tasks_list(\n  client: FetchClient,\n  contact_id: string | number,\n  params?: operations[\"contacts_tasks_list\"][\"parameters\"][\"query\"],\n): Promise<\n  operations[\"contacts_tasks_list\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.get(`/api/contacts/${contact_id}/tasks`, params);\n}\n\n/**\n * Create a task for a contact\n * Adds a new task to a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param body - body\n */\nexport async function contacts_tasks_create(\n  client: FetchClient,\n  contact_id: string | number,\n  body: operations[\"contacts_tasks_create\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_tasks_create\"][\"responses\"][201][\"content\"][\"application/json\"]\n> {\n  return client.post(`/api/contacts/${contact_id}/tasks`, body);\n}\n\n/**\n * Update a note\n * Updates an existing note on a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n * @param body - body\n */\nexport async function contacts_notes_update(\n  client: FetchClient,\n  contact_id: string | number,\n  id: string | number,\n  body: operations[\"contacts_notes_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_notes_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.patch(`/api/contacts/${contact_id}/notes/${id}`, body);\n}\n\n/**\n * Delete a note\n * Removes a note from a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n */\nexport async function contacts_notes_destroy(\n  client: FetchClient,\n  contact_id: string | number,\n  id: string | number,\n): Promise<\n  operations[\"contacts_notes_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.delete(`/api/contacts/${contact_id}/notes/${id}`);\n}\n\n/**\n * Update a task\n * Updates an existing task on a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n * @param body - body\n */\nexport async function contacts_tasks_update(\n  client: FetchClient,\n  contact_id: string | number,\n  id: string | number,\n  body: operations[\"contacts_tasks_update\"][\"requestBody\"][\"content\"][\"application/json\"],\n): Promise<\n  operations[\"contacts_tasks_update\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.patch(`/api/contacts/${contact_id}/tasks/${id}`, body);\n}\n\n/**\n * Delete a task\n * Removes a task from a contact.\n *\n * @param client - Fetch client instance\n * @param contact_id - contact_id\n * @param id - id\n */\nexport async function contacts_tasks_destroy(\n  client: FetchClient,\n  contact_id: string | number,\n  id: string | number,\n): Promise<\n  operations[\"contacts_tasks_destroy\"][\"responses\"][200][\"content\"][\"application/json\"]\n> {\n  return client.delete(`/api/contacts/${contact_id}/tasks/${id}`);\n}\n","/**\n * Portal Contacts Adapter — Implements ContactsDomainApi using the\n * portal-tenant Contacts BFF endpoints.\n *\n * The existing contacts-ui hooks and components expect the ContactsApi,\n * NotesApi, and TasksApi interfaces from @fluid-app/contacts-core. This\n * adapter translates between the BFF response shapes and the core types\n * so the UI layer works unchanged.\n *\n * Features not available in the BFF (activities, markRead, orders,\n * subscriptionOrders) are omitted — the optional interface lets the\n * UI layer gracefully disable those capabilities.\n */\n\nimport type { FetchClient } from \"@fluid-app/api-client-core\";\nimport type { ContactsApi } from \"@fluid-app/contacts-core/contacts-api\";\nimport type { NotesApi } from \"@fluid-app/contacts-core/notes-api\";\nimport type { TasksApi } from \"@fluid-app/contacts-core/tasks-api\";\nimport type { GroupsApi } from \"@fluid-app/contacts-core/groups-api\";\nimport type { ContactsDomainApi } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport type {\n  Contact,\n  ContactGroup,\n  ContactNote,\n  ContactTask,\n  PaginationMeta,\n} from \"@fluid-app/contacts-core/types\";\nimport { portalTenantContacts } from \"@fluid-app/portal-tenant-contacts-api-client\";\n\n// ---------------------------------------------------------------------------\n// Response mappers — BFF shapes → core shapes\n// ---------------------------------------------------------------------------\n\nconst EMPTY_META: PaginationMeta = {\n  total_count: 0,\n  total_pages: 0,\n  current_page: 1,\n  next_cursor: null,\n};\n\nfunction paginationFromBff(\n  meta: Record<string, unknown> | undefined,\n  itemCount: number,\n  currentPage: number,\n  pageSize: number,\n): PaginationMeta {\n  if (!meta) return EMPTY_META;\n  const pagination = meta.pagination as Record<string, unknown> | undefined;\n  const nextCursor = (pagination?.next_cursor as string | null) ?? null;\n  const hasNext = !!nextCursor;\n\n  const realTotal = meta.total_count as number | undefined;\n  const totalCount =\n    realTotal ??\n    (hasNext\n      ? (currentPage + 1) * pageSize\n      : (currentPage - 1) * pageSize + itemCount);\n\n  return {\n    total_count: totalCount,\n    total_pages: Math.max(1, Math.ceil(totalCount / pageSize)),\n    current_page: currentPage,\n    next_cursor: nextCursor,\n    request_id: (meta.request_id as string) ?? undefined,\n    timestamp: (meta.timestamp as string) ?? undefined,\n  };\n}\n\n/** BFF Contact → core Contact. Fills missing fields with safe defaults. */\nfunction mapContact(raw: Record<string, unknown>): Contact {\n  return {\n    id: raw.id as number,\n    full_name: `${raw.first_name ?? \"\"} ${raw.last_name ?? \"\"}`.trim(),\n    first_name: (raw.first_name as string) ?? null,\n    last_name: (raw.last_name as string) ?? null,\n    email: (raw.email as string) ?? null,\n    phone: (raw.phone as string) ?? null,\n    status: (raw.status as string) ?? null,\n    address: (raw.address as string) ?? null,\n    city: (raw.city as string) ?? null,\n    state: (raw.state as string) ?? null,\n    postal_code: (raw.postal_code as string) ?? null,\n    avatar_url: (raw.avatar_url as string) ?? null,\n    country: (raw.country as Contact[\"country\"]) ?? null,\n    tags: (raw.tags as string[]) ?? [],\n    metadata: {},\n    created_at: raw.created_at as string,\n    updated_at: raw.updated_at as string,\n  } as Contact;\n}\n\n/** BFF Note → core ContactNote. */\nfunction mapNote(raw: Record<string, unknown>): ContactNote {\n  return {\n    id: raw.id as number,\n    title: (raw.title as string) ?? \"\",\n    body: (raw.body as string) ?? \"\",\n    note_type: null,\n    due_date: null,\n    due_time: null,\n    pinned: null,\n    created_at: raw.created_at as string,\n    updated_at: raw.updated_at as string,\n    contact_id: (raw.contact_id as number) ?? 0,\n    assets: [],\n  };\n}\n\n/** BFF Task → core ContactTask. */\nfunction mapTask(raw: Record<string, unknown>): ContactTask {\n  return {\n    id: raw.id as number,\n    body: (raw.title as string) ?? \"\",\n    due_at: (raw.due_date as string) ?? null,\n    completed_at:\n      (raw.completed_at as string) ??\n      (raw.completed ? new Date().toISOString() : null),\n    created_at: raw.created_at as string,\n    contact_id: (raw.contact_id as number) ?? null,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Param mappers — old offset-based params → BFF cursor-based params\n// ---------------------------------------------------------------------------\n\n/**\n * The contacts-ui sends offset pagination params (page, per_page, sort_by,\n * sort_direction, search, status). The BFF expects cursor pagination\n * (page[cursor], page[limit], search, tags). Translate between the two.\n *\n * `cursorCache` maps page numbers → cursor tokens so page-2+ requests can\n * resolve to the correct cursor. The cache is populated from BFF responses.\n */\nfunction mapListParams(\n  params: Record<string, unknown> | undefined,\n  cursorCache: Map<number, string>,\n): Parameters<typeof portalTenantContacts.contacts_list>[1] {\n  if (!params) return undefined;\n\n  const mapped: Record<string, unknown> = {};\n\n  if (params.per_page || params.limit) {\n    mapped[\"page[limit]\"] = params.per_page ?? params.limit;\n  }\n\n  // Translate offset page number → cursor token\n  const page = (params.page as number) ?? 1;\n  if (page > 1) {\n    const cursor = cursorCache.get(page);\n    if (cursor) {\n      mapped[\"page[cursor]\"] = cursor;\n    }\n  }\n\n  if (params.search_query || params.search || params.query) {\n    mapped.search = params.search_query ?? params.search ?? params.query;\n  }\n  if (params.tags) {\n    mapped.tags = params.tags;\n  }\n\n  return mapped as Parameters<typeof portalTenantContacts.contacts_list>[1];\n}\n\n// ---------------------------------------------------------------------------\n// Adapter factories\n// ---------------------------------------------------------------------------\n\nfunction createContactsAdapter(client: FetchClient): ContactsApi {\n  // Cursor cache: maps page numbers → cursor tokens from BFF responses.\n  // Page 1 has no cursor; the BFF response for page N includes\n  // next_cursor which becomes the cursor for page N+1.\n  const cursorCache = new Map<number, string>();\n\n  return {\n    getContact: async (id) => {\n      const response = await portalTenantContacts.contacts_show(client, id);\n      return {\n        contact: mapContact(\n          (response as Record<string, unknown>).contact as Record<\n            string,\n            unknown\n          >,\n        ),\n      };\n    },\n\n    listContacts: async (params) => {\n      const raw = params as Record<string, unknown> | undefined;\n      const page = (raw?.page as number) ?? 1;\n      const pageSize = (raw?.per_page as number) ?? 25;\n\n      const response = await portalTenantContacts.contacts_list(\n        client,\n        mapListParams(raw, cursorCache),\n      );\n      const body = response as Record<string, unknown>;\n      const meta = body.meta as Record<string, unknown> | undefined;\n      const pagination = meta?.pagination as\n        | Record<string, unknown>\n        | undefined;\n\n      // Store the next_cursor so the UI can request page + 1\n      const nextCursor = pagination?.next_cursor as string | null | undefined;\n      if (nextCursor) {\n        cursorCache.set(page + 1, nextCursor);\n      }\n\n      const contacts = ((body.contacts as Record<string, unknown>[]) ?? []).map(\n        mapContact,\n      );\n      return {\n        contacts,\n        meta: paginationFromBff(meta, contacts.length, page, pageSize),\n      };\n    },\n\n    createContact: async (data) => {\n      return portalTenantContacts.contacts_create(client, {\n        contact: data,\n      } as Parameters<typeof portalTenantContacts.contacts_create>[1]);\n    },\n\n    updateContact: async (id, data) => {\n      return portalTenantContacts.contacts_update(client, id, {\n        contact: data,\n      } as Parameters<typeof portalTenantContacts.contacts_update>[2]);\n    },\n\n    deleteContact: async (id) => {\n      return portalTenantContacts.contacts_destroy(client, id);\n    },\n\n    bulkDeleteContacts: async (ids) => {\n      return portalTenantContacts.contacts_bulk_destroy(client, { ids });\n    },\n\n    // listActivities, markRead, listOrders, listSubscriptionOrders are not\n    // available through the BFF — omitted so the UI disables these features.\n  };\n}\n\nfunction createNotesAdapter(client: FetchClient): NotesApi {\n  return {\n    listNotes: async (contactId) => {\n      const response = await portalTenantContacts.contacts_notes_list(\n        client,\n        contactId,\n      );\n      const body = response as Record<string, unknown>;\n      return {\n        notes: ((body.notes as Record<string, unknown>[]) ?? []).map(mapNote),\n      };\n    },\n\n    createNote: async (contactId, input) => {\n      return portalTenantContacts.contacts_notes_create(client, contactId, {\n        note: input,\n      } as Parameters<typeof portalTenantContacts.contacts_notes_create>[2]);\n    },\n\n    updateNote: async (noteId, contactId, input) => {\n      return portalTenantContacts.contacts_notes_update(\n        client,\n        contactId,\n        noteId,\n        {\n          note: input,\n        } as Parameters<typeof portalTenantContacts.contacts_notes_update>[3],\n      );\n    },\n\n    deleteNote: async (noteId, contactId) => {\n      return portalTenantContacts.contacts_notes_destroy(\n        client,\n        contactId,\n        noteId,\n      );\n    },\n  };\n}\n\nfunction createTasksAdapter(client: FetchClient): TasksApi {\n  return {\n    listTasks: async (contactId) => {\n      const response = await portalTenantContacts.contacts_tasks_list(\n        client,\n        contactId,\n      );\n      const body = response as Record<string, unknown>;\n      return {\n        tasks: ((body.tasks as Record<string, unknown>[]) ?? []).map(mapTask),\n      };\n    },\n\n    createTask: async (contactId, input) => {\n      return portalTenantContacts.contacts_tasks_create(client, contactId, {\n        task: { title: input.body, due_date: input.due_at },\n      } as Parameters<typeof portalTenantContacts.contacts_tasks_create>[2]);\n    },\n\n    updateTask: async (taskId, contactId, input) => {\n      return portalTenantContacts.contacts_tasks_update(\n        client,\n        contactId,\n        taskId,\n        {\n          task: {\n            title: input.body ?? undefined,\n            completed:\n              input.completed_at !== undefined\n                ? input.completed_at !== null\n                : undefined,\n            due_date: input.due_at,\n          },\n        } as Parameters<typeof portalTenantContacts.contacts_tasks_update>[3],\n      );\n    },\n\n    deleteTask: async (taskId, contactId) => {\n      return portalTenantContacts.contacts_tasks_destroy(\n        client,\n        contactId,\n        taskId,\n      );\n    },\n  };\n}\n\n/** BFF Group → core ContactGroup. */\nfunction mapGroup(raw: Record<string, unknown>): ContactGroup {\n  return {\n    id: raw.id as number,\n    name: (raw.name as string) ?? \"\",\n    avatar: (raw.avatar as string) ?? null,\n    avatar_background: (raw.avatar_background as string) ?? null,\n    created_at: raw.created_at as string,\n    updated_at: raw.updated_at as string,\n  };\n}\n\nfunction createGroupsAdapter(client: FetchClient): GroupsApi {\n  return {\n    listGroups: async () => {\n      const response = await portalTenantContacts.contacts_groups_list(client);\n      const body = response as Record<string, unknown>;\n      return {\n        groups: ((body.groups as Record<string, unknown>[]) ?? []).map(\n          mapGroup,\n        ),\n      };\n    },\n\n    createGroup: async (input) => {\n      const response = await portalTenantContacts.contacts_groups_create(\n        client,\n        {\n          group: input,\n        } as Parameters<typeof portalTenantContacts.contacts_groups_create>[1],\n      );\n      const body = response as Record<string, unknown>;\n      return {\n        group: mapGroup(body.group as Record<string, unknown>),\n      };\n    },\n\n    updateGroup: async (groupId, input) => {\n      const response = await portalTenantContacts.contacts_groups_update(\n        client,\n        groupId,\n        {\n          group: input,\n        } as Parameters<typeof portalTenantContacts.contacts_groups_update>[2],\n      );\n      const body = response as Record<string, unknown>;\n      return {\n        group: mapGroup(body.group as Record<string, unknown>),\n      };\n    },\n\n    deleteGroup: async (groupId) => {\n      return portalTenantContacts.contacts_groups_destroy(client, groupId);\n    },\n  };\n}\n\n/**\n * Creates a composite ContactsDomainApi backed by the portal-tenant\n * Contacts BFF endpoints.\n */\nexport function createPortalContactsDomainApiAdapter(\n  client: FetchClient,\n): ContactsDomainApi {\n  return {\n    contacts: createContactsAdapter(client),\n    notes: createNotesAdapter(client),\n    tasks: createTasksAdapter(client),\n    groups: createGroupsAdapter(client),\n  };\n}\n","import { useMemo, type ReactElement, type ReactNode } from \"react\";\nimport { ContactsApiProvider } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { createPortalContactsDomainApiAdapter } from \"../adapters/contacts-api-adapter\";\n\nexport function PortalContactsApiProvider({\n  children,\n}: {\n  children: ReactNode;\n}): ReactElement {\n  const client = usePortalTenantClient();\n\n  const api = useMemo(\n    () => createPortalContactsDomainApiAdapter(client),\n    [client],\n  );\n\n  return <ContactsApiProvider value={api}>{children}</ContactsApiProvider>;\n}\n","import { useState, useCallback, useRef, useMemo } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { FormProvider } from \"react-hook-form\";\nimport { useZodForm } from \"@fluid-app/ui-primitives\";\nimport { ArrowLeft } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { Button } from \"@fluid-app/portal-widgets/ui\";\nimport { ContactsListScreen } from \"@fluid-app/contacts-ui/screens/ContactsListScreen\";\nimport type { Contact } from \"@fluid-app/contacts-ui/shared/components/contacts/allContacts/contactsPage\";\nimport { ContactDetailScreen } from \"@fluid-app/contacts-ui/screens/ContactDetailScreen\";\nimport { ContactCreateScreen } from \"@fluid-app/contacts-ui/screens/ContactCreateScreen\";\nimport { RepContactDetailView } from \"@fluid-app/contacts-ui/portal/components/contacts/rep-contact-detail-view\";\nimport { ContactDetailsForm } from \"@fluid-app/contacts-ui/shared/components/contacts/contactDetailsForm\";\nimport { ContactOrdersList } from \"@fluid-app/contacts-ui/portal/components/orders/ContactOrdersList\";\nimport { ContactSubscriptionOrdersList } from \"@fluid-app/contacts-ui/portal/components/subscriptions/ContactSubscriptionOrdersList\";\nimport { useContactDetailPage } from \"@fluid-app/contacts-ui/shared/hooks/useContactDetailPage\";\nimport { useCreateContactMutation } from \"@fluid-app/contacts-ui/shared/hooks/useCreateContactMutation\";\nimport {\n  createContactFormSchema,\n  type CreateContactFormData,\n} from \"@fluid-app/contacts-ui/shared/schemas/contactFormSchema\";\nimport { useContactsCrud } from \"@fluid-app/contacts-core/contacts-api-context\";\nimport { useCountriesApi } from \"@fluid-app/store-core/countries-api-context\";\nimport { PortalContactsApiProvider } from \"../contacts/PortalContactsApiProvider\";\nimport { storeKeys } from \"../account/query-keys\";\n\ntype NavState =\n  | { view: \"list\" }\n  | { view: \"detail\"; contactId: string }\n  | { view: \"new\" };\n\ntype ContactsScreenProps = ComponentProps<\"div\"> & {\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n\n  // Display\n  defaultViewMode?: \"list\" | \"grid\";\n\n  // Callbacks\n  onContactSelect?: (contactId: string) => void;\n  onCreateContact?: () => void;\n};\n\nconst QUERY_KEY_PREFIX = \"sdk-contacts\";\n\nfunction ContactListView({\n  onNavigate,\n  onContactSelect,\n}: {\n  onNavigate: (state: NavState) => void;\n  onContactSelect?: (contactId: string) => void;\n}) {\n  const api = useContactsCrud();\n\n  const handleSelectContact = useCallback(\n    (contact: Contact) => {\n      onContactSelect?.(String(contact.id));\n      onNavigate({ view: \"detail\", contactId: String(contact.id) });\n    },\n    [onNavigate, onContactSelect],\n  );\n\n  const deleteContacts = useCallback(\n    (ids: number[]) => api.bulkDeleteContacts(ids),\n    [api],\n  );\n\n  const handleAddContact = useCallback(() => {\n    onNavigate({ view: \"new\" });\n  }, [onNavigate]);\n\n  return (\n    <ContactsListScreen\n      deleteContacts={deleteContacts}\n      tableLayout=\"members\"\n      onEditContact={handleSelectContact}\n      onRowClick={handleSelectContact}\n      onAddContact={handleAddContact}\n    />\n  );\n}\n\nfunction ContactDetailView({\n  contactId,\n  onNavigate,\n}: {\n  contactId: string;\n  onNavigate: (state: NavState) => void;\n}) {\n  const countriesAdapter = useCountriesApi();\n  const getCountries = useCallback(async () => {\n    const result = await countriesAdapter.listCountries();\n    return result.countries.map((c) => ({ id: 0, name: c.name, iso: c.code }));\n  }, [countriesAdapter]);\n\n  const {\n    contact,\n    isLoading,\n    methods,\n    countryOptions,\n    isDirty,\n    isSubmitting,\n    isDeleting,\n    onSave,\n    onDelete,\n  } = useContactDetailPage(contactId, {\n    queryKeyPrefix: QUERY_KEY_PREFIX,\n    getCountries,\n    onDeleteSuccess: () => onNavigate({ view: \"list\" }),\n  });\n\n  const handleNavigateToList = useCallback(() => {\n    onNavigate({ view: \"list\" });\n  }, [onNavigate]);\n\n  if (isLoading) {\n    return (\n      <div className=\"mx-auto max-w-7xl space-y-6 px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"bg-muted h-10 w-48 animate-pulse rounded-md\" />\n        <div className=\"bg-muted h-8 w-64 animate-pulse rounded-md\" />\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          <div className=\"bg-muted h-80 animate-pulse rounded-2xl\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded-md lg:col-span-2\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!contact) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mb-6\"\n          onClick={handleNavigateToList}\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Contacts\n        </Button>\n        <div className=\"border-border max-w-sm rounded-lg border border-dashed p-8 text-center\">\n          <h2 className=\"text-foreground text-xl font-semibold\">\n            Unable to load contact\n          </h2>\n          <p className=\"text-muted-foreground mt-2\">\n            This contact may have been deleted, you may not have permission to\n            view it, or there was a network error. Please try again.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <ContactDetailScreen\n      contactId={contactId}\n      contact={contact}\n      onNavigateToList={handleNavigateToList}\n      onDelete={onDelete}\n      isDeleting={isDeleting}\n    >\n      <FormProvider {...methods}>\n        <RepContactDetailView\n          contact={contact}\n          contactId={contactId}\n          countryOptions={countryOptions}\n          onSave={onSave}\n          isDirty={isDirty}\n          isSubmitting={isSubmitting}\n          queryKeyPrefix={QUERY_KEY_PREFIX}\n          ordersSlot={<ContactOrdersList contactId={contactId} />}\n          subscriptionsSlot={\n            <ContactSubscriptionOrdersList contactId={contactId} />\n          }\n        />\n      </FormProvider>\n    </ContactDetailScreen>\n  );\n}\n\nconst CREATE_DEFAULT_VALUES: CreateContactFormData = {\n  first_name: \"\",\n  last_name: \"\",\n  email: \"\",\n  phone: \"\",\n  status: \"new\",\n  address: \"\",\n  city: \"\",\n  state: \"\",\n  postal_code: \"\",\n  country_code: null,\n  language_code: null,\n  metadata: {},\n  affiliate: {},\n};\n\nfunction ContactCreateView({\n  onNavigate,\n  onCreateContact,\n}: {\n  onNavigate: (state: NavState) => void;\n  onCreateContact?: () => void;\n}) {\n  const formRef = useRef<HTMLFormElement>(null);\n  const countriesAdapter = useCountriesApi();\n\n  const { data: countriesResponse } = useQuery({\n    queryKey: storeKeys.countries(),\n    queryFn: () => countriesAdapter.listCountries(),\n  });\n\n  const countryOptions = useMemo(\n    () =>\n      (countriesResponse?.countries ?? [])\n        .map((c) => ({ name: c.name, value: c.code }))\n        .sort((a, b) => a.name.localeCompare(b.name)),\n    [countriesResponse],\n  );\n\n  const methods = useZodForm<CreateContactFormData>(createContactFormSchema, {\n    defaultValues: CREATE_DEFAULT_VALUES,\n  });\n\n  const mutation = useCreateContactMutation(QUERY_KEY_PREFIX, {\n    onSuccess: (data) => {\n      onCreateContact?.();\n      const newContactId = data?.contact?.id;\n      if (newContactId) {\n        onNavigate({ view: \"detail\", contactId: String(newContactId) });\n      } else {\n        onNavigate({ view: \"list\" });\n      }\n    },\n  });\n\n  const { mutate } = mutation;\n\n  const onSubmit = useMemo(\n    () =>\n      methods.handleSubmit(\n        (data) => {\n          const { affiliate, ...contactFields } = data;\n          const payload: Record<string, unknown> = {};\n\n          for (const [key, value] of Object.entries(contactFields)) {\n            if (value !== \"\" && value !== null && value !== undefined) {\n              payload[key] = value;\n            }\n          }\n\n          if (affiliate && Object.keys(affiliate).length > 0) {\n            payload.affiliate = affiliate;\n          }\n\n          mutate(payload as CreateContactFormData);\n        },\n        () => {\n          // Validation errors are shown inline by react-hook-form field controllers.\n          // handleSubmit already populates field errors before calling this callback.\n        },\n      ),\n    [methods, mutate],\n  );\n\n  const handleNavigateToList = useCallback(() => {\n    onNavigate({ view: \"list\" });\n  }, [onNavigate]);\n\n  return (\n    <ContactCreateScreen\n      onNavigateToList={handleNavigateToList}\n      onSubmit={() => formRef.current?.requestSubmit()}\n      isPending={mutation.isPending}\n    >\n      <FormProvider {...methods}>\n        <div className=\"mx-auto max-w-7xl space-y-12 md:px-10 md:py-8\">\n          <form\n            ref={formRef}\n            onSubmit={onSubmit}\n            className=\"mx-auto space-y-6 lg:max-w-2xl\"\n          >\n            <ContactDetailsForm countries={countryOptions} />\n          </form>\n        </div>\n      </FormProvider>\n    </ContactCreateScreen>\n  );\n}\n\nexport function ContactsScreen({\n  onContactSelect,\n  onCreateContact,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  defaultViewMode,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ContactsScreenProps): React.JSX.Element {\n  const [nav, setNav] = useState<NavState>({ view: \"list\" });\n\n  return (\n    <PortalContactsApiProvider>\n      <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n        {nav.view === \"list\" && (\n          <ContactListView\n            onNavigate={setNav}\n            onContactSelect={onContactSelect}\n          />\n        )}\n        {nav.view === \"detail\" && (\n          <ContactDetailView contactId={nav.contactId} onNavigate={setNav} />\n        )}\n        {nav.view === \"new\" && (\n          <ContactCreateView\n            onNavigate={setNav}\n            onCreateContact={onCreateContact}\n          />\n        )}\n      </div>\n    </PortalContactsApiProvider>\n  );\n}\n\nexport const contactsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContactsScreen\",\n  displayName: \"Contacts Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}