feat: 完善分割工作区传播与交互闭环

功能增加：新增后端传播任务执行器，支持异步自动传播、传播进度、结果统计、取消/重试状态同步。

功能增加：传播请求支持指定 SAM2.1 tiny/small/base+/large 权重，并记录 seed mask、source annotation 和传播范围。

功能增加：传播逻辑增加 seed 签名，未变化的 mask 二次传播会跳过，已变化的 mask 会先清理旧自动传播结果再重新生成，避免重复重叠。

功能增加：工作区增加传播范围二次选择、传播进度提示、人工/AI 标注帧红色标识、自动传播帧蓝色标识和当前帧双层边框。

功能增加：新增临时提示组件，让工具操作提示自动消失且不阻塞后续操作。

功能增加：补充项目删除、模板删除、任务失败详情、任务取消/重试等前后端联动状态。

功能增加：新增安装部署文档，补充当前需求冻结、设计冻结、接口契约、测试计划和 AGENTS/README 项目说明。

Bugfix：修复自动传播接口 404、传播后看不到任务进度、传播结果重复堆叠和已编辑帧提示不清晰的问题。

Bugfix：修复 AI 分割框选/点选交互、单候选 mask、删除选点、工作区保存与候选 mask 推送相关问题。

Bugfix：修复 Canvas 多边形顶点拖动告警、工具栏提示缺失、项目库 FPS 展示和若干 UI 文案/可用性问题。

测试：补充 AI 分割、Canvas、Dashboard、FrameTimeline、ProjectLibrary、TemplateRegistry、ToolsPalette、VideoWorkspace、API 和后端任务/AI/dashboard 测试。

验证：npm run lint；npm run test:run；python -m pytest backend/tests -q。

src/components/CanvasArea.test.tsx

@@ -292,6 +292,26 @@ describe('CanvasArea', () => {
     expect(screen.getByText('遮罩数: 1')).toBeInTheDocument();
   });
 
+  it('handles stage drag end when the move tool pans the canvas', () => {
+    render(<CanvasArea activeTool="move" frame={frame} />);
+
+    expect(screen.getByTestId('konva-stage')).toHaveAttribute('data-has-drag-end', 'true');
+  });
+
+  it('centers the frame image with a large default fit that keeps margins', async () => {
+    Object.defineProperty(HTMLElement.prototype, 'clientWidth', { configurable: true, get: () => 1000 });
+    Object.defineProperty(HTMLElement.prototype, 'clientHeight', { configurable: true, get: () => 700 });
+
+    render(<CanvasArea activeTool="move" frame={frame} />);
+
+    await waitFor(() => {
+      const stage = screen.getByTestId('konva-stage');
+      expect(Number(stage.getAttribute('data-scale-x'))).toBeCloseTo(1.34375, 4);
+      expect(Number(stage.getAttribute('data-x'))).toBeCloseTo(70, 0);
+      expect(Number(stage.getAttribute('data-y'))).toBeCloseTo(108, 0);
+    });
+  });
+
   it('publishes the selected mask ids for the ontology panel', async () => {
     useStore.setState({
       masks: [
@@ -663,7 +683,10 @@ describe('CanvasArea', () => {
     expect(selectedPaths[0]).toHaveAttribute('data-stroke', '#facc15');
     expect(selectedPaths[0]).toHaveAttribute('data-dash', '');
     expect(selectedPaths[1]).toHaveAttribute('data-stroke', '#fb7185');
-    expect(selectedPaths[1]).toHaveAttribute('data-dash', '6,4');
+    const scale = Number(screen.getByTestId('konva-stage').getAttribute('data-scale-x')) || 1;
+    const dash = selectedPaths[1].getAttribute('data-dash')?.split(',').map(Number);
+    expect(dash?.[0]).toBeCloseTo(6 / scale, 4);
+    expect(dash?.[1]).toBeCloseTo(4 / scale, 4);
     fireEvent.click(screen.getByRole('button', { name: '从主区域去除' }));
 
     expect(useStore.getState().masks).toHaveLength(2);