Добавлены новые поля в модель Supply и обновлены компоненты для работы с расходниками. Реализована логика загрузки и отображения чатов с непрочитанными сообщениями в мессенджере. Обновлены запросы и мутации GraphQL для поддержки новых полей. Исправлены ошибки отображения и добавлены индикаторы для непрочитанных сообщений.

src/components/messenger/messenger-dashboard.tsx

@@ -9,7 +9,7 @@ import { useSidebar } from '@/hooks/useSidebar'
 import { MessengerConversations } from './messenger-conversations'
 import { MessengerChat } from './messenger-chat'
 import { MessengerEmptyState } from './messenger-empty-state'
-import { GET_MY_COUNTERPARTIES } from '@/graphql/queries'
+import { GET_CONVERSATIONS, GET_MY_COUNTERPARTIES } from '@/graphql/queries'
 import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'
 import { MessageCircle } from 'lucide-react'
 
@@ -26,21 +26,47 @@ interface Organization {
   createdAt: string
 }
 
+interface Conversation {
+  id: string
+  counterparty: Organization
+  lastMessage?: {
+    id: string
+    content?: string
+    type?: string
+    senderId: string
+    isRead: boolean
+    createdAt: string
+  }
+  unreadCount: number
+  updatedAt: string
+}
+
 export function MessengerDashboard() {
   const { getSidebarMargin } = useSidebar()
   const [selectedCounterparty, setSelectedCounterparty] = useState<string | null>(null)
   
+  // Загружаем список чатов (conversations) для отображения непрочитанных сообщений
+  const { data: conversationsData, loading: conversationsLoading, refetch: refetchConversations } = useQuery(GET_CONVERSATIONS, {
+    pollInterval: 5000, // Обновляем каждые 5 секунд для получения новых непрочитанных сообщений
+    fetchPolicy: 'cache-and-network',
+  })
+  
+  // Также загружаем полный список контрагентов на случай, если с кем-то еще не общались
   const { data: counterpartiesData, loading: counterpartiesLoading } = useQuery(GET_MY_COUNTERPARTIES)
+  
+  const conversations: Conversation[] = conversationsData?.conversations || []
   const counterparties = counterpartiesData?.myCounterparties || []
 
   const handleSelectCounterparty = (counterpartyId: string) => {
     setSelectedCounterparty(counterpartyId)
   }
 
-  const selectedCounterpartyData = counterparties.find((cp: Organization) => cp.id === selectedCounterparty)
+  // Найти данные выбранного контрагента (сначала в чатах, потом в общем списке)
+  const selectedCounterpartyData = conversations.find((conv: Conversation) => conv.counterparty.id === selectedCounterparty)?.counterparty ||
+    counterparties.find((cp: Organization) => cp.id === selectedCounterparty)
 
   // Если нет контрагентов, показываем заглушку
-  if (!counterpartiesLoading && counterparties.length === 0) {
+  if (!counterpartiesLoading && !conversationsLoading && counterparties.length === 0) {
     return (
       <div className="h-screen flex overflow-hidden">
         <Sidebar />
@@ -74,10 +100,12 @@ export function MessengerDashboard() {
               >
                 <Card className="glass-card h-full overflow-hidden p-4">
                   <MessengerConversations
+                    conversations={conversations}
                     counterparties={counterparties}
-                    loading={counterpartiesLoading}
+                    loading={counterpartiesLoading || conversationsLoading}
                     selectedCounterparty={selectedCounterparty}
                     onSelectCounterparty={handleSelectCounterparty}
+                    onRefresh={refetchConversations}
                     compact={false}
                   />
                 </Card>