# 需求分析：逆向映射视图切片导航外置与遮挡优化

开始时间：`2026-05-20-15-33-38`

## 原始需求摘要

用户要求修改逆向工作区：

1. 将逆向工作区中 `Slice Navigator` 的格式与“DICOM 切片范围”的格式统一，不要放在图片里面。
2. `Slice Navigator` 调整为竖向滚动条，放在图片右侧。
3. `Overlay Label Map` 部分不要遮挡 DICOM 影像。

## 业务目标

- 让二维逆向分割映射视图的切片浏览控件不压住医学影像主体。
- 保持切片导航与中部工具栏内“DICOM 切片范围”控件在视觉语义上统一。
- 避免状态说明、构件统计面板遮挡 DICOM 原始影像和分割叠加区域，提升临床审查可读性。

## 输入与输出

输入：

- `WebSite/src/components/ReverseWorkspace.tsx`
- 复用该组件的 `WebSite/src/components/ProjectLibrary.tsx`

输出：

- `VoxelizationMappingView` 的切片导航从底部内嵌区域改为右侧竖向导航栏。
- 右侧导航栏显示当前层数、竖向 range 控件和上下切片按钮。
- 构件统计面板移出影像画布覆盖层，作为影像下方独立信息区展示。

## 影响范围

- 逆向工作区“逆向分割映射视图”。
- 项目库中复用的“逆向分割映射视图”。
- 相关 Tailwind 样式和 TypeScript 类型检查。

## 关键约束

- 不改动 STL/DICOM 映射算法，只调整控件布局和遮挡关系。
- 影像主体区域仍需保持 Base DICOM 与 Overlay Label Map 的标签提示。
- 竖向切片条需要可拖动、可点击上下按钮、可通过键盘/辅助技术识别。
- 不能把无关工作区历史删除和软著材料纳入提交。

## 风险点

- 原生 `range` 竖向显示在不同浏览器上需要兼容写法。
- 切片导航移出底部后，需要保证容器高度和图片区域不会被挤压到不可用。
- 项目库复用同一组件，布局变化会同步影响项目库，需要保持宽窄视口可用。

## 默认假设

- 用户所说“Overlay Label Map 部分”主要指当前切片构件统计和状态面板遮挡 DICOM 影像，而不是取消分割掩码本身；分割掩码仍应叠加显示。