feat(indexd): add stuck host alert rendering

Author: telestrial

.changeset/brown-rooms-do.md

@@ -0,0 +1,5 @@
+---
+'indexd': minor
+---
+
+Added support for stuck host alerts.

apps/indexd/components/Data/Alerts/SidePanelAlert.tsx

@@ -17,6 +17,7 @@ import {
   useAdminAlert,
   useAdminAlertsDismiss,
 } from '@siafoundation/indexd-react'
+import { humanDate } from '@siafoundation/units'
 import { getAlertTypeLabel } from './utils'
 import { SidePanelHeadingCopyable } from '../SidePanelHeadingCopyable'
 import { transformAlert } from './transform'
@@ -104,13 +105,15 @@ export function SidePanelAccount() {
                   <InfoRow label="Data" value={JSON.stringify(alert.data)} />
                 </div>
               )}
-              {alert.data && alert.data.type === 'lostSectors' && (
-                <InfoRow
-                  variant="column"
-                  label="Hint"
-                  value={alert.data.hint}
-                />
-              )}
+              {alert.data &&
+                'hint' in alert.data &&
+                alert.data.type !== 'unknown' && (
+                  <InfoRow
+                    variant="column"
+                    label="Hint"
+                    value={alert.data.hint}
+                  />
+                )}
             </div>
           </SidePanelSection>
           {alert.data && alert.data.type === 'lostSectors' && (
@@ -126,6 +129,35 @@ export function SidePanelAccount() {
               </div>
             </SidePanelSection>
           )}
+          {alert.data && alert.data.type === 'stuckHosts' && (
+            <SidePanelSection heading="Stuck hosts">
+              <div className="flex flex-col gap-4">
+                {alert.data.hosts.map((host) => (
+                  <div key={host.publicKey} className="flex flex-col gap-2">
+                    <InfoRow
+                      label="Host Key"
+                      value={
+                        <ValueCopyable
+                          value={host.publicKey}
+                          type="hostPublicKey"
+                        />
+                      }
+                    />
+                    <InfoRow
+                      label="Stuck Since"
+                      value={humanDate(host.stuckSince, {
+                        timeStyle: 'short',
+                      })}
+                    />
+                    <InfoRow
+                      label="Unpinned Sectors"
+                      value={host.unpinnedSectors.toLocaleString()}
+                    />
+                  </div>
+                ))}
+              </div>
+            </SidePanelSection>
+          )}
         </SidePanel>
       )}
     />

apps/indexd/components/Data/Alerts/transform.ts

@@ -1,17 +1,44 @@
 import { Alert } from '@siafoundation/indexd-types'
-import { AlertData, AlertDataLostSectors, AlertDataUnknown } from './types'
+import {
+  AlertData,
+  AlertDataLostSectors,
+  AlertDataStuckHosts,
+  AlertDataUnknown,
+  AlertType,
+  StuckHost,
+} from './types'
+
+function getAlertType(alert: Alert): AlertType {
+  if (alert.data && 'hostKeys' in alert.data) return 'lostSectors'
+  if (alert.data && 'hosts' in alert.data) return 'stuckHosts'
+  return 'unknown'
+}
+
+function getAlertData(
+  type: AlertType,
+  data: Alert['data']
+): AlertDataLostSectors | AlertDataStuckHosts | AlertDataUnknown | undefined {
+  if (!data) return undefined
+  if (type === 'lostSectors') {
+    return {
+      type: 'lostSectors',
+      hostKeys: data.hostKeys as string[],
+      hint: data.hint as string,
+    }
+  }
+  if (type === 'stuckHosts') {
+    return {
+      type: 'stuckHosts',
+      hosts: data.hosts as StuckHost[],
+      hint: data.hint as string,
+    }
+  }
+  return { type: 'unknown', ...data }
+}
 
 export function transformAlert(alert: Alert): AlertData {
-  const type =
-    alert.data && 'hostKeys' in alert.data ? 'lostSectors' : 'unknown'
-  const data =
-    type === 'lostSectors'
-      ? ({
-          type: 'lostSectors',
-          hostKeys: alert.data?.hostKeys as string[],
-          hint: alert.data?.hint as string,
-        } as AlertDataLostSectors)
-      : ({ type: 'unknown', ...alert.data } as AlertDataUnknown)
+  const type = getAlertType(alert)
+  const data = getAlertData(type, alert.data)
 
   const datum: AlertData = {
     id: alert.id,

apps/indexd/components/Data/Alerts/types.ts

@@ -1,13 +1,25 @@
 import { AlertSeverity } from '@siafoundation/indexd-types'
 
-export type AlertType = 'lostSectors' | 'unknown'
+export type AlertType = 'lostSectors' | 'stuckHosts' | 'unknown'
 
 export type AlertDataLostSectors = {
   type: 'lostSectors'
   hostKeys: string[]
   hint: string
 }
 
+export type StuckHost = {
+  publicKey: string
+  stuckSince: string
+  unpinnedSectors: number
+}
+
+export type AlertDataStuckHosts = {
+  type: 'stuckHosts'
+  hosts: StuckHost[]
+  hint: string
+}
+
 export type AlertDataUnknown = {
   type: 'unknown'
   [key: string]: unknown
@@ -18,7 +30,7 @@ export type AlertData = {
   severity: AlertSeverity
   message: string
   type: AlertType
-  data?: AlertDataLostSectors | AlertDataUnknown
+  data?: AlertDataLostSectors | AlertDataStuckHosts | AlertDataUnknown
   timestamp: string
   displayFields: {
     timestamp: string

apps/indexd/components/Data/Alerts/utils.ts

@@ -4,5 +4,8 @@ export function getAlertTypeLabel(alert: AlertData) {
   if (alert.data?.type === 'lostSectors') {
     return 'Lost sectors'
   }
+  if (alert.data?.type === 'stuckHosts') {
+    return 'Stuck hosts'
+  }
   return 'Unknown'
 }