Init 2

app/(main)/asns/page.tsx

@@ -1,12 +1,27 @@
 "use client"
 
+import { useMemo } from "react"
 import { PageHeader } from "@/components/page-header"
 import { DataTable } from "@/components/data-table"
-import { asns } from "@/lib/data"
+import { asns as mockAsns } from "@/lib/data"
 import { Button } from "@/components/ui/button"
-import { UploadIcon, DownloadIcon, PlusIcon, FilterIcon } from "lucide-react"
+import { UploadIcon, DownloadIcon, PlusIcon, FilterIcon, LoaderCircleIcon } from "lucide-react"
+import { useDataSource } from "@/lib/data-source"
+import { useEvoBGP } from "@/lib/evobgp-context"
+import { cn } from "@/lib/utils"
 
 export default function AsnsPage() {
+  const { mode } = useDataSource()
+  const { enabled, snapshot, loading, error } = useEvoBGP()
+
+  const useEvoCatalog = mode === "live" && enabled
+
+  const rows = useMemo(() => {
+    if (!useEvoCatalog) return mockAsns
+    if (loading && !snapshot) return []
+    return snapshot?.asns ?? []
+  }, [useEvoCatalog, loading, snapshot])
+
   return (
     <div className="flex flex-col h-full">
       <PageHeader
@@ -26,9 +41,22 @@ export default function AsnsPage() {
             <p className="text-sm text-muted-foreground mt-1">
               Автономные системы — источники маршрутов для BGP-фильтров
             </p>
+            {useEvoCatalog && (
+              <p className={cn(
+                "text-xs mt-2 flex items-center gap-1.5",
+                error ? "text-destructive" : "text-muted-foreground",
+              )}>
+                {loading && <LoaderCircleIcon className="size-3.5 animate-spin shrink-0" />}
+                {error
+                  ? `EvoBGP: ${error}`
+                  : snapshot?.fetchedAt
+                    ? `Источник: EvoBGP, обновлено ${new Date(snapshot.fetchedAt).toLocaleString("ru-RU")}`
+                    : loading ? "Загрузка EvoBGP…" : "EvoBGP"}
+              </p>
+            )}
           </div>
           <DataTable
-            data={asns}
+            data={rows}
             searchPlaceholder="Поиск по ASN, организации…"
             searchKeys={["asn", "org", "country"]}
             columns={[