# T011 — Studio wizard shell + stepper + draft persist

> Status: `done`
> Completed: 2026-07-09  
> Milestone: `M5`  
> Est. change: `~160 lines`

## Goal

6 步 wizard 殼（主題→船隊→劇本→預覽→船期→提交）+ 步驟指示；草稿 autosave localStorage。

## Depends on

- T010

## Inputs

- Spec §4.3 wizard 步驟
- key `harbor.play_draft`（spec §8.1）

## Outputs

### 程式變更

| 路徑 | 動作 | 說明 |
|------|------|------|
| `apps/web/src/pages/studio/WizardPage.tsx` | add | 殼 |
| `apps/web/src/components/studio/Stepper.tsx` | add | |
| `apps/web/src/pages/studio/wizardState.ts` | add | draft type + load/save |

### 行為變更

- 上一步/下一步  
- 重新整理不丟未提交 draft（同 browser）

## Out of scope

- 各步表單細節（T012–T014）

## Acceptance

- [ ] 6 步可切換  
- [ ] draft 持久化  
- [ ] `npm run build` 通過

```bash
cd apps/web && npm run build
```