fix: unify supervisor review layouts and story spiral colors

Review history and context were split across recap and graph views, while the story spiral rendered saved event intervals in a single neutral color. Share the history picker and context bar, collapse new-review inputs, improve recap and responsive detail layouts, and align graph toolbars and accessible legends. Color actual event intervals and markers by primary story, preserve neutral gaps and unassigned events, and refresh colors across themes. Include related regression coverage, layout fixtures, overlay timing and workspace-import test adjustments, and updated design and validation documentation. Release note: Work review and story graph now share the selected review and a compact history picker. Recaps and graph details fit smaller windows, and the time spiral uses story colors for recorded event intervals without filling gaps.
2026-10-04 22:50:31 +08:00
parent b9186a616c
commit ea3d607fdd
22 changed files with 819 additions and 394 deletions
@@ -8,7 +8,11 @@

 每圈时长从 3、6、12、24、168、720、2160、8760 小时中选择，在不超过 14 圈的候选中取最接近 8 圈的一档。生产界面自动选择粒度；手动指定仍是 Demo 能力。不足一圈时保留实际圈数，时间区间不因显示需要而扩大。

-生产视图将同一分组中屏幕上过于接近的事件合并为一段，显示事件数量；缩放后重新计算聚合。根视图也绘制事件点，点击聚合点进入对应分组，“事件”菜单可逐条选择当前层级的记录并打开详情。没有当前故事归属的事件使用显式未归属分组，数据口径见[故事线模型](../conversation-supervision/storyline-model-design.md#5-展示与使用)。Demo 另提供点击聚合段缩小时间范围的交互，生产视图尚未实现该自动缩放。
+生产视图将同一分组、同一主故事中屏幕上过于接近的事件合并为一段，显示事件数量；缩放后重新计算聚合。根视图也绘制事件点，点击聚合点进入对应分组，左侧“事件”列表可逐条选择记录并打开详情。没有当前故事归属的事件使用显式未归属分组，数据口径见[故事线模型](../conversation-supervision/storyline-model-design.md#5-展示与使用)。Demo 另提供点击聚合段缩小时间范围的交互，生产视图尚未实现该自动缩放。
+
+生产时间线按所选结果的 `started_at`（缺省取 `occurred_at`）至 `ended_at` 着色，裁到回顾窗口。缺少结束时间、结束早于开始或起止相同的事件只画点，不延长到下一事件，也不用故事的首尾跨度填满空档。颜色由当前主故事 ID 确定，同一故事的木片、事件短横、点和时间区间共用主题调色板；项目木片表示聚合层，跨项目关联不覆盖主归属。未归属事件使用中性色点和短横，时间空档保留细灰线。
+
+多事件区间重叠时，同一条时间线上显示开始较晚的事件；开始相同时按事件 ID 排序取首个。其他事件仍保留各自标记和详情入口。实现使用一个连续管状网格，在真实区间边界切换材质，保持高度与时间成正比，不增加平行螺旋。主题变化后重读颜色令牌，相机位置保持不变。

 [3D 网页 Demo](3d-demo.html) 已按上述几何规则和时间尺度实现，数据为本机故事线图谱的只读导出。