From 6bbd4b6dabdcf3fa932e4cd3a5c616a416a7c5f4 Mon Sep 17 00:00:00 2001
From: dv <dv@caps.caps>
Date: Fri, 10 Apr 2026 11:59:25 +0300
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D0=BF=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=B3=D0=B0=204?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/ObjectDetail.tsx | 40 +++++++++++++++++++----------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/frontend/src/pages/ObjectDetail.tsx b/frontend/src/pages/ObjectDetail.tsx
index 0be2459..095a0cc 100644
--- a/frontend/src/pages/ObjectDetail.tsx
+++ b/frontend/src/pages/ObjectDetail.tsx
@@ -421,29 +421,40 @@ export function ObjectDetailPage({ defaultMode = 'inventory' }: { defaultMode?:
     {
       title: 'Последний пинг',
       key: 'monitoring',
-      onCell: (row: TableRow) => {
-        if (row._type === 'group') return { colSpan: 0 }
-        const d = row as DeviceRow
-        const bg =
-          d.status === 'online'  ? '#f6ffed' :
-          d.status === 'offline' ? '#fff2f0' : undefined
-        return bg ? { style: { background: bg } } : {}
-      },
+      onCell: (row: TableRow) => row._type === 'group' ? { colSpan: 0 } : {},
       render: (_: unknown, row: TableRow) => {
         if (row._type === 'group') return null
         const d = row as DeviceRow
 
+        const dotColor =
+          d.status === 'online'  ? '#52c41a' :
+          d.status === 'offline' ? '#ff4d4f' : '#d9d9d9'
+
+        const dot = (
+          <span style={{
+            display: 'inline-block',
+            width: 7,
+            height: 7,
+            borderRadius: '50%',
+            backgroundColor: dotColor,
+            flexShrink: 0,
+          }} />
+        )
+
         const pingTime = d.last_ping_at ?? d.last_seen
         if (!pingTime) {
           return (
-            <Typography.Text type="secondary">
-              {d.monitor_enabled ? 'ожидание...' : 'нет данных'}
-            </Typography.Text>
+            <Space size={6}>
+              {dot}
+              <Typography.Text type="secondary">
+                {d.monitor_enabled ? 'ожидание...' : 'нет данных'}
+              </Typography.Text>
+            </Space>
           )
         }
 
         const pauseIcon = !d.monitor_enabled
-          ? <Tooltip title="Мониторинг выключен"><span style={{ color: '#faad14', marginLeft: 4 }}>⏸</span></Tooltip>
+          ? <Tooltip title="Мониторинг выключен"><span style={{ color: '#faad14' }}>⏸</span></Tooltip>
           : null
 
         const lastSeenHint = d.last_seen && d.last_ping_at && d.last_ping_at !== d.last_seen
@@ -453,9 +464,10 @@ export function ObjectDetailPage({ defaultMode = 'inventory' }: { defaultMode?:
         const tooltipText = [elapsedAgo(pingTime), lastSeenHint].filter(Boolean).join(' · ')
 
         return (
-          <Space size={2}>
+          <Space size={6}>
+            {dot}
             <Tooltip title={tooltipText}>
-              <span style={{ cursor: 'default' }}>
+              <span style={{ color: dotColor, cursor: 'default' }}>
                 {dayjs(pingTime).format('DD.MM.YYYY HH:mm')}
               </span>
             </Tooltip>