添加 MaAI 和 Smart Turn 分数独立显示开关

labels/eot-studio/components/timeline.tsx

@@ -12,7 +12,7 @@ import {
 } from "react";
 import styles from "./timeline.module.css";
 import { resizeTranscriptRange, snapTimelineTime, type SnapPoint } from "@/lib/timeline-edit";
-import ModelScoreTrack, { ScoreControls, SCORE_HEIGHT, useModelScores, type ScoreThresholds } from "./model-score-track";
+import ModelScoreTrack, { ScoreControls, SCORE_HEIGHT, useModelScores, type ScoreThresholds, type ScoreVisibility } from "./model-score-track";
 
 export interface TimelineTranscript {
   index: number;
@@ -91,7 +91,9 @@ export default function Timeline({
   const scoreRegionId = useId();
   const [scoresOpen, setScoresOpen] = useState(false);
   const [thresholds, setThresholds] = useState<ScoreThresholds>({ maai: .5, smart_turn: .5 });
+  const [scoreVisibility, setScoreVisibility] = useState<ScoreVisibility>({ maai: true, smart_turn: true });
   const scores = useModelScores(callId, recordingPath, scoresOpen);
+  const visibleScores = useMemo(() => scores.series.filter(row => scoreVisibility[row.model]), [scores.series, scoreVisibility]);
   const viewportRef = useRef<HTMLDivElement>(null);
   const canvasRef = useRef<HTMLDivElement>(null);
   const draggingRef = useRef<
@@ -337,6 +339,7 @@ export default function Timeline({
           <strong>模型 EOT 分数</strong><span>{scoresOpen ? "收起" : "展开 MaAI / Smart Turn 对比"}</span>
         </button>
         {scoresOpen && <ScoreControls series={scores.series} currentMs={current}
+          visibility={scoreVisibility} onVisibility={(model, visible) => setScoreVisibility(previous => ({ ...previous, [model]: visible }))}
           thresholds={thresholds} onThreshold={(model, value) => setThresholds(previous => ({ ...previous, [model]: value }))} />}
       </div>
       {scoresOpen && <div className={styles.scoreDescription} role="status">
@@ -449,9 +452,9 @@ export default function Timeline({
             </div>
 
             {scoresOpen && <div id={scoreRegionId}>
-              {scores.series.length ? <ModelScoreTrack series={scores.series} width={canvasWidth} durationMs={duration}
+              {visibleScores.length ? <ModelScoreTrack series={visibleScores} width={canvasWidth} durationMs={duration}
                 currentMs={current} thresholds={thresholds} annotations={annotations} onSeek={onSeek} onSelectAnnotation={onSelectAnnotation} />
-                : <div className={styles.scoreEmpty} style={{ height: SCORE_HEIGHT, width: viewportWidth }}>{scores.status === "loading" ? "正在载入评分曲线…" : "当前录音暂无可显示的模型分数"}</div>}
+                : <div className={styles.scoreEmpty} style={{ height: SCORE_HEIGHT, width: viewportWidth }}>{scores.status === "loading" ? "正在载入评分曲线…" : scores.series.length ? "已隐藏全部模型分数，请打开上方开关查看" : "当前录音暂无可显示的模型分数"}</div>}
             </div>}
 
             {activeSnap && <div className={styles.snapGuide} style={{ left: position(activeSnap.ms) }} aria-hidden="true" />}