# MonitorMapChrome 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:** 抽出地图 chrome（toolbar/legend/scale）。

**Spec:** `docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md`

### Task 1

Create `MonitorMapChrome.vue`；MonitorView：

```vue
<div class="map-panel">
  <MonitorMapChrome
    :map-mode="mapMode"
    :scale-text="mapScaleText"
    @set-map-mode="setMapMode"
    @fit-all="fitAll"
  >
    <CommandProgressFloat ... />
  </MonitorMapChrome>
</div>
```

或 chrome 不包 slot、同级放置 float 也可——保持 float 仍在 `.map-panel` 内。

Commit: `refactor: 抽取 MonitorMapChrome 地图工具条图例`

### Task 2 冒烟

卫星/地图切换 class active；fit 按钮可点；比例尺文案存在。

## 约束

跳过全量测试；Main 可冒烟