# useMonitorLive 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:** 抽出直播会话逻辑。 **Spec:** `docs/superpowers/specs/2026-08-28-use-monitor-live-design.md` ### Task 1 Create `src/composables/useMonitorLive.js`;迁入 `live` reactive、`livePhaseText`、`canFullscreenLive`、`toggleLive`/`fullscreenLive`/`openLive`/`refreshPlayURL`/`scheduleLiveHeartbeat`/`closeLive`。 注入:`getDockId`(或 `getRecord`+推导)、`ui`、`getLivePlayer`。 MonitorView 删除对应块;保留 `detailLiveView` computed 组装(可用 composable 返回值);模板事件不变。 Commit: `refactor: 抽取 useMonitorLive 直播会话逻辑` ### Task 2 冒烟(Main) 页面加载无 error;toggle 按钮存在;可 evaluate closeLive 无抛错。 ## 约束 跳过全量测试;精确 git add;中文 commit