# Iot Device Detail

Chiller or heat pump detail with temperature against design limit.

- id: `iot-device-detail`
- Page: https://agentic-ui-kit.com/components/iot-device-detail

## Install

```bash
agentic-ui add iot-device-detail
npx shadcn@4.17.0 add @agentic-ui/iot-device-detail
```

## Metadata

- **Level:** page
- **Category:** page
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** live-gauges, power-history-chart, range-tabs, device-alerts, maintenance-history, standby-command-confirmation, schedule-work-order
- **Intents:** explore-detail, monitor-live, compare-over-time
- **Suits domains:** operations, analytics, devops-status, logistics
- **Interaction:** tabs, confirm-dialog, form-dialog, acknowledge
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Chiller or heat pump detail with temperature against design limit, Server rack detail with power history and incidents, EV charger detail with session alerts and service history
- **Avoid when:** Assets without telemetry history, Read-only reporting without operator commands
- **Preserve when adapting:** gauges-above-history, alerts-beside-history, confirmed-remote-commands
- **Replace when adapting:** design-limits, history-fixtures, command-copy
- **Adaptation effort:** medium
- **Coupling:** medium
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 8/10, code 8/10
- **Uses primitives:** input, label, textarea
- **npm dependencies:** lucide-react, recharts
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** IoT Energy Monitoring (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0, recharts-v2@npm:recharts@^2.15.4
- **Registry dependencies:** chart-gauge-kpi, geo-area-comparison, lib-motion, lib-motion-data, lib-motion-list, lib-motion-micro-interactions, lib-motion-modal-enter, lib-primitives, motion-skeleton-shimmer, motion-tab-indicator