fix(ui): показать измерения рядом с закреплённым WAN на телефоне

components/data-grids/route-optimizer-wan-matrix-data-grid.tsx

@@ -2,6 +2,7 @@
 
 import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid"
 
+import { useIsMobile } from "@/hooks/use-mobile"
 import { useEffect, useMemo, useState } from "react"
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
@@ -41,6 +42,7 @@ function RouteOptimizerWanMatrixDataGrid({
   legs,
   jumpHosts,
 }: RouteOptimizerWanMatrixDataGridProps) {
+  const isMobile = useIsMobile()
   const [wanQuery, setWanQuery] = useState("")
   const [jhQuery, setJhQuery] = useState("")
   const [jhPage, setJhPage] = useState(0)
@@ -69,17 +71,17 @@ function RouteOptimizerWanMatrixDataGrid({
     const base: ColumnDef<DataGridFeatures, HomeRouter["wans"][number]>[] = [
       {
         id: "wan",
-        size: 180,
+        size: isMobile ? 112 : 180,
         accessorKey: "name",
         header: () => <span className="text-[11px] font-medium text-muted-foreground">WAN-аплинк</span>,
         cell: ({ row }) => {
           const wan = row.original
           return (
-            <div className="flex items-center gap-2">
+            <div className="flex min-w-0 items-center gap-2">
               <WifiIcon aria-hidden="true" className="size-3.5 text-muted-foreground shrink-0" />
-              <div>
-                <p className="font-mono text-xs font-semibold">{wan.name}</p>
-                <p className="text-[10px] text-muted-foreground">{wan.iface}</p>
+              <div className="min-w-0">
+                <p title={wan.name} className="truncate font-mono text-xs font-semibold">{wan.name}</p>
+                <p title={wan.iface} className="truncate text-[10px] text-muted-foreground">{wan.iface}</p>
               </div>
             </div>
           )
@@ -127,7 +129,7 @@ function RouteOptimizerWanMatrixDataGrid({
 
     const jhCols: ColumnDef<DataGridFeatures, HomeRouter["wans"][number]>[] = visibleHosts.map((jh) => ({
       id: `jh-${jh.id}`,
-      size: 200,
+      size: isMobile ? 160 : 200,
       header: () => (
         <div className="text-center">
           <div className="text-[11px] font-medium text-muted-foreground">{jh.label}</div>
@@ -194,7 +196,7 @@ function RouteOptimizerWanMatrixDataGrid({
     }
 
     return [...base, ...jhCols]
-  }, [bestScore, visibleHosts, legMap])
+  }, [bestScore, visibleHosts, legMap, isMobile])
 
   const table = useTable({
     features: dataGridFeatures,