# CommandProgressFloat Implementation 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:** 抽出地图指令进度浮层为展示组件；轮询/状态机留页面。

**Architecture:** `CommandProgressFloat.vue` 接收 open/title/deviceName/step/status/result/error/terminalLabel，emit `close`。

**Spec:** `docs/superpowers/specs/2026-08-28-command-progress-float-design.md`

---

### Task 1

- Create `src/components/CommandProgressFloat.vue`
- Modify `src/views/MonitorView/MonitorView.vue`

替换 map-panel 内 float 为：

```vue
<CommandProgressFloat
  :open="commandProgress.open"
  :title="commandProgress.title"
  :device-name="commandProgress.deviceName"
  :step="commandProgress.step"
  :status="commandProgress.status"
  :result="commandProgress.result"
  :error="commandProgress.error"
  :terminal-label="commandProgressTerminalLabel"
  @close="closeCommandProgress"
/>
```

Commit: `refactor: 抽取 CommandProgressFloat 指令进度浮层`

### Task 2 冒烟

浮层 DOM/class 在 open=true 时出现；点关闭触发 close；无 console error。

## 约束

不改后台；精确 git add；中文 commit