# DeviceDetail Status/Env Cards Plan

> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.

**Goal:** 抽出状态矩阵与环境监测展示组件。

**Spec:** `docs/superpowers/specs/2026-08-28-device-detail-status-env-cards-design.md`

### Task 1

- Create `src/components/DeviceStatusMatrix.vue`
- Create `src/components/DeviceEnvironmentValues.vue`
- Modify `DeviceDetailView.vue`：机巢 overview 两处改用组件；页面用 computed 组装 items

Commit: `refactor: 抽取 DeviceDetail 状态矩阵与环境卡`

### Task 2 冒烟（Main）

设备详情 overview：status-matrix / environment-values 仍在；无 console error。

## 约束

跳过全量测试；精确 git add；中文 commit