Details view

Identity, telemetry, and control surfaces for the selected device in the operations centre

UI for the details view opened from the device explorer. These components render device identity, telemetry, hardware state, and operator controls for the currently selected miner, selection of miners, or container.

Prerequisites

Complete the @mdk/foundation installation and add the dependency
A connected Redux store
A miner Device record (or array of records) shaped per @mdk/foundation's Device type

Component groups

The category is split into four subpages plus this index, which hosts the shared identity card:

Charts: fleet-level activity visualizations
Chips: per-hashboard ASIC chip telemetry
Controls: miner power mode, reboot, LEDs, frequency, maintenance flow, plus the batch and per-container controls cards
Fleet management: dialogs for adding, replacing, moving, and removing miners across containers
Stats: single and secondary stat cards, aggregated stats, and the combined miner metric card

All details view components

Component	Description
`ContainerControlsBox`	Container operations panel
`MinerInfoCard`	Detailed miner status and statistics
`MinersActivityChart`	Miner uptime and activity visualization
`SingleStatCard`	Single metric display card
`SecondaryStatCard`	Secondary metric with comparison
`StatsGroupCard`	Grouped statistics display
`MinerMetricCard`	Primary and secondary miner stats card
`MinerChipsCard`	ASIC chip temperature and health display
`MinerChip`	Single ASIC chip temperature and frequency tile
`MinerControlsCard`	Miner power mode and restart controls
`MinerPowerModeSelectionButtons`	Power mode selector grouped by miner model
`BatchContainerControlsCard`	Container controls card for selected devices
`PositionChangeDialog`	Orchestrator for miner position changes within the explorer
`AddReplaceMinerDialog`	Dialog to add/replace a miner in a container socket
`ContainerSelectionDialog`	Dialog for picking a container socket for a miner in maintenance
`MaintenanceDialogContent`	Confirmation body for moving a miner to maintenance
`RemoveMinerDialog`	Confirmation dialog for permanently removing a miner

Shared identity card

MinerInfoCard is the only component in this category without a subgroup. It anchors every details view as the identity header (model, serial, firmware, IP) and is reused in batch and single-selection layouts alike.

`MinerInfoCard`

Displays detailed miner status and statistics in a labeled info card format.

Import

import { MinerInfoCard } from '@mdk/foundation'

Props

Prop	Type	Default	Description
`label`	`string`	`'Miner info'`	Card header label, rendered uppercase
`data`	`InfoItem[]`	none	Title and value rows to display

The InfoItem shape is re-exported from @mdk/foundation:

type InfoItem = {
  title?: string
  value?: string | string[] | number
}

When value is an array, each entry is rendered on its own line under the title.

Basic usage

<MinerInfoCard
  label="Miner info"
  data={[
    { title: 'Model', value: 'Antminer S19 Pro' },
    { title: 'Serial', value: 'ANT-2024-00142' },
    { title: 'Firmware', value: '2.1.3' },
    { title: 'IP address', value: '192.168.1.42' },
  ]}
/>

Multi-line values

Pass an array as value to stack rows under a single title (useful for pool URLs, worker names, hashboard ids):

<MinerInfoCard
  data={[
    {
      title: 'Pools',
      value: ['stratum+tcp://pool1.example.com:3333', 'stratum+tcp://pool2.example.com:3333'],
    },
    { title: 'Workers', value: ['worker-1', 'worker-2', 'worker-3'] },
  ]}
/>

Composition

MinerInfoCard wraps DeviceInfo (from @mdk/foundation's info-container) and adds the uppercase header label. If you need the bare row layout without the card chrome, use DeviceInfo directly.

Styling

.mdk-miner-info-card: root element
.mdk-miner-info-card__label: uppercase header label
.mdk-info-container: nested per-row title and value wrapper
.mdk-info-container__title: row title
.mdk-info-container__value: row value (one inner <div> per array entry)

Details view

Redux wiring used across these components

Device fields these components read

On this page