Обновлены категории товаров с "Упаковка" на "Расходники" в различных компонентах и моделях. Добавлены уведомления о непринятых поставках и обновлены соответствующие GraphQL запросы и резолверы для поддержки новых данных. Оптимизирована логика отображения и обработки данных в интерфейсе.

src/components/fulfillment-supplies/fulfillment-supplies-dashboard.tsx

@@ -1,20 +1,42 @@
 "use client";
 
 import { useState } from "react";
+import { useQuery } from "@apollo/client";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Card } from "@/components/ui/card";
 import { Sidebar } from "@/components/dashboard/sidebar";
 import { useSidebar } from "@/hooks/useSidebar";
+import { GET_PENDING_SUPPLIES_COUNT } from "@/graphql/queries";
 import { Building2, ShoppingCart } from "lucide-react";
 
 // Импорты компонентов подразделов
 import { FulfillmentSuppliesTab } from "./fulfillment-supplies/fulfillment-supplies-tab";
 import { MarketplaceSuppliesTab } from "./marketplace-supplies/marketplace-supplies-tab";
 
+// Компонент для отображения бейджа с уведомлениями
+function NotificationBadge({ count }: { count: number }) {
+  if (count === 0) return null;
+  
+  return (
+    <div className="ml-1 bg-red-500 text-white text-xs font-bold rounded-full min-w-[16px] h-4 flex items-center justify-center px-1">
+      {count > 99 ? "99+" : count}
+    </div>
+  );
+}
+
 export function FulfillmentSuppliesDashboard() {
   const { getSidebarMargin } = useSidebar();
   const [activeTab, setActiveTab] = useState("fulfillment");
 
+  // Загружаем данные о непринятых поставках
+  const { data: pendingData } = useQuery(GET_PENDING_SUPPLIES_COUNT, {
+    pollInterval: 30000, // Обновляем каждые 30 секунд
+    fetchPolicy: "cache-first",
+    errorPolicy: "ignore",
+  });
+
+  const pendingCount = pendingData?.pendingSuppliesCount?.total || 0;
+
   return (
     <div className="h-screen flex overflow-hidden">
       <Sidebar />
@@ -32,13 +54,14 @@ export function FulfillmentSuppliesDashboard() {
               <TabsList className="grid w-full grid-cols-2 bg-white/5 backdrop-blur border-white/10 flex-shrink-0 h-8 xl:h-10">
                 <TabsTrigger
                   value="fulfillment"
-                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 flex items-center gap-1 text-xs xl:text-sm"
+                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 flex items-center gap-1 text-xs xl:text-sm relative"
                 >
                   <Building2 className="h-3 w-3" />
                   <span className="hidden sm:inline">
                     Поставки на фулфилмент
                   </span>
                   <span className="sm:hidden">Фулфилмент</span>
+                  <NotificationBadge count={pendingCount} />
                 </TabsTrigger>
                 <TabsTrigger
                   value="marketplace"