feat: 完善分割工作区交互与传播去重

功能增加：点击 Canvas mask 后，右侧语义分类树会按 classId/className/label 自动匹配分类，并滚动聚焦到对应分类按钮。

功能增加：工作区新增按起止帧批量清空片段遮罩，复用传播范围输入，范围内已保存标注走 DELETE /api/ai/annotations/{id}，本地 draft mask 同步移除。

功能增加：右侧语义分类树上方新增工作区 mask 透明度滑杆，写入 Zustand maskPreviewOpacity，Canvas mask 预览按该值渲染并保留选中加亮反馈。

功能增加：视频处理进度条记录最近自动传播区间，使用不同色系深浅渐变提示最近处理片段。

功能增加：工作区自动传播前会先保存 draft/dirty seed mask，使用稳定后端 source_annotation_id 入队，减少二次传播重复结果。

Bugfix：后端传播任务对旧临时 seed id、不同 SAM 2.1 权重结果做兼容清理；相同 seed 和相同权重才跳过，否则先删旧自动传播标注再重传。

Bugfix：修复 polygon 顶点拖拽结束后触发 Stage 平移导致画布中心偏移的问题，并补充测试环境对 drag target 的模拟。

Bugfix：工具提示会在数秒后自动隐藏，避免创建多边形/矩形等提示长期遮挡画布。

UI 调整：移除右侧面板顶部‘本体论与属性分类管理树’说明栏，减少无效占位。

UI 调整：左侧工具栏和右侧语义面板使用低对比 seg-scrollbar；左侧工具栏外扩滚动条槽位，避免滚动条挤占图标列。

UI 调整：工作区模型状态徽标改为紧凑显示，减少与传播权重选择重复；传播权重下拉改成深色背景和青色文字，避免灰底白字不可读。

UI 调整：缩略图状态框固定优先级，当前帧、人工/AI 标注帧、自动传播帧可用外框/内框组合同时表达。

测试：补充 VideoWorkspace、CanvasArea、FrameTimeline、OntologyInspector、ToolsPalette、useStore 和后端 test_ai 覆盖新增交互、传播去重、批量清空、透明度、滚动条和 UI 状态。

文档：同步更新 README、AGENTS 和 doc/03、doc/04、doc/07、doc/08、doc/09，记录当前功能、接口契约、需求设计冻结和测试覆盖。

src/components/OntologyInspector.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, screen, within } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { resetStore } from '../test/storeTestUtils';
 import { useStore } from '../store/useStore';
@@ -44,15 +44,52 @@ describe('OntologyInspector', () => {
   });
 
   it('shows template classes and changes the active template', () => {
-    render(<OntologyInspector />);
+    const { container } = render(<OntologyInspector />);
 
-    fireEvent.change(screen.getByRole('combobox'), { target: { value: 't1' } });
+    const templateSelect = screen.getByRole('combobox');
+    expect(container.querySelector('.seg-scrollbar')).toBeInTheDocument();
+    expect(screen.queryByText('本体论与属性分类管理树')).not.toBeInTheDocument();
+    fireEvent.change(templateSelect, { target: { value: 't1' } });
 
     expect(useStore.getState().activeTemplateId).toBe('t1');
     expect(screen.getByText('胆囊')).toBeInTheDocument();
     expect(screen.getByText('肝脏')).toBeInTheDocument();
   });
 
+  it('adjusts workspace mask opacity from above the semantic tree', () => {
+    render(<OntologyInspector />);
+
+    fireEvent.change(screen.getByLabelText('遮罩透明度'), { target: { value: '35' } });
+
+    expect(useStore.getState().maskPreviewOpacity).toBe(35);
+    expect(screen.getByText('35%')).toBeInTheDocument();
+  });
+
+  it('focuses the matching semantic class when a mask is selected', async () => {
+    if (!HTMLElement.prototype.scrollIntoView) {
+      HTMLElement.prototype.scrollIntoView = vi.fn();
+    }
+    useStore.setState({
+      masks: [{
+        id: 'm1',
+        frameId: 'frame-1',
+        pathData: 'M 0 0 Z',
+        label: '肝脏',
+        color: '#00ff00',
+        classId: 'c2',
+        className: '肝脏',
+      }],
+      selectedMaskIds: ['m1'],
+    });
+
+    render(<OntologyInspector />);
+
+    const liverButton = screen.getByRole('button', { name: /肝脏/ });
+    await waitFor(() => expect(useStore.getState().activeClassId).toBe('c2'));
+    expect(liverButton).toHaveAttribute('aria-current', 'true');
+    expect(document.activeElement).toBe(liverButton);
+  });
+
   it('selects a concrete class for subsequent masks', () => {
     render(<OntologyInspector />);