fix(services): оформить failover timeline в стиле страницы сервиса

Frame stacked как у мониторинга, Alert и semantic timeline вместо плоского степпера.

Co-authored-by: Cursor <[email protected]>

apps/web/src/lib/failover-events.test.ts

@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest'
+
+import {
+  isFailoverEventStatus,
+  toFailoverEvents,
+  type FailoverNodeInput,
+} from '@/lib/failover-events'
+
+function node(
+  overrides: Partial<FailoverNodeInput> & Pick<FailoverNodeInput, 'address'>,
+): FailoverNodeInput {
+  return {
+    id: overrides.id ?? overrides.address,
+    health_status: 'healthy',
+    consecutive_failures: 0,
+    last_failure_reason: null,
+    last_check_at: null,
+    ...overrides,
+  }
+}
+
+describe('toFailoverEvents', () => {
+  it('оставляет только unhealthy / down / checking', () => {
+    const events = toFailoverEvents([
+      node({ address: '10.0.0.1', health_status: 'healthy' }),
+      node({
+        address: '130.49.213.153',
+        health_status: 'unhealthy',
+        consecutive_failures: 9,
+        last_failure_reason: 'fetch failed',
+        last_check_at: '2026-08-20 07:00:00',
+      }),
+      node({ address: '10.0.0.3', health_status: 'checking' }),
+      node({ address: '10.0.0.4', health_status: 'disabled' }),
+    ])
+
+    expect(events.map((event) => event.address)).toEqual([
+      '130.49.213.153',
+      '10.0.0.3',
+    ])
+    expect(events[0]).toMatchObject({
+      consecutiveFailures: 9,
+      lastFailureReason: 'fetch failed',
+      lastCheckAt: '2026-08-20 07:00:00',
+      status: 'unhealthy',
+    })
+  })
+
+  it('не считает healthy failover-событием', () => {
+    expect(isFailoverEventStatus('healthy')).toBe(false)
+    expect(isFailoverEventStatus('unhealthy')).toBe(true)
+  })
+})

apps/web/src/lib/failover-events.ts

@@ -0,0 +1,36 @@
+export interface FailoverEvent {
+  id: string
+  address: string
+  status: string
+  consecutiveFailures: number
+  lastFailureReason: string | null
+  lastCheckAt?: string | null
+}
+
+export interface FailoverNodeInput {
+  id?: number | string
+  address: string
+  health_status: string
+  consecutive_failures: number
+  last_failure_reason: string | null
+  last_check_at?: string | null
+}
+
+const FAILOVER_STATUSES = new Set(['unhealthy', 'down', 'checking'])
+
+export function isFailoverEventStatus(status: string): boolean {
+  return FAILOVER_STATUSES.has(status)
+}
+
+export function toFailoverEvents(
+  nodes: readonly FailoverNodeInput[],
+): FailoverEvent[] {
+  return nodes.filter((node) => isFailoverEventStatus(node.health_status)).map((node) => ({
+    id: String(node.id ?? node.address),
+    address: node.address,
+    status: node.health_status,
+    consecutiveFailures: node.consecutive_failures,
+    lastFailureReason: node.last_failure_reason,
+    lastCheckAt: node.last_check_at ?? null,
+  }))
+}