# T010 — Studio list page

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

## Goal

`/app/studio` 列出 ThreadPlay；可進「開新串」與編輯既有。

## Depends on

- T009

## Inputs

- Spec §4.3、路由 `/app/studio`, `/app/studio/new`, `/app/studio/:id`

## Outputs

### 程式變更

| 路徑 | 動作 | 說明 |
|------|------|------|
| `apps/web/src/pages/StudioPage.tsx` | edit | 列表 + CTA |
| Link 到 wizard | — | |

### 行為變更

- 空狀態引導開新串  
- 顯示 title/status

## Out of scope

- wizard 內容（T011+）

## Acceptance

- [ ] 列表渲染 mock plays（可為空）  
- [ ] 「開新串」進 `/app/studio/new`  
- [ ] `npm run build` 通過

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