Function ReviewView

packages/web/src/components/workspace/ReviewView.tsx:484–826

({
  workingDir,
  workspaceId,
  branchName,
  targetBranch,
  commitMessage,
  canRunGitOperations,
  onRefreshCommitMessage,
  onConflict,
  onResolveConflicts,
})

}

export const ReviewView: React.FC<ReviewViewProps> = ({
  workingDir,
  workspaceId,
  branchName,
  targetBranch,
  commitMessage,
  canRunGitOperations,
  onRefreshCommitMessage,
  onConflict,
  onResolveConflicts,
}) => {
  const { t } = useI18n()
  const [viewMode, setViewMode] = useState<ViewMode>({ kind: 'overview' })
  const [filter, setFilter] = useState('')
  const [activeKey, setActiveKey] = useState<string | null>(null)
  const [flashKey, setFlashKey] = useState<string | null>(null)

  const { data: changesData, isLoading: changesLoading, isError: changesError } = useGitChanges(workingDir)
  const commitHash = viewMode.kind === 'commit' ? viewMode.commit.hash : null
  const { data: commitFilesData, isLoading: commitFilesLoading } = useGitCommitFiles(workingDir, commitHash)

  const cardNodes = useRef(new Map<string, HTMLElement>())
  const scrollRef = useRef<HTMLDivElement>(null)
  const flashTimer = useRef<ReturnType<typeof setTimeout> | null>(null)

  const registerNode = useCallback((key: string, node: HTMLElement | null) => {
    if (node) cardNodes.current.set(key, node)
    else cardNodes.current.delete(key)
  }, [])

  // 数据整理：当前模式下的卡片条目
  const { uncommitted, committed, commitFiles } = useMemo(() => {
    const matches = (e: GitChangeEntry) =>
      !filter.trim() || e.path.toLowerCase().includes(filter.trim().toLowerCase())

    if (viewMode.kind === 'commit') {
      const source: CardSource = { kind: 'commit', hash: viewMode.commit.hash }
      const files: TreeEntry[] = (commitFilesData?.files || [])
        .filter(matches)
        .map((e) => ({ ...e, cardKey: cardKeyOf(source, e.path) }))
      return { uncommitted: [] as TreeEntry[], committed: [] as TreeEntry[], commitFiles: files }
    }

    const un: TreeEntry[] = (changesData?.uncommitted || [])
      .filter(matches)
      .map((e) => ({ ...e, cardKey: cardKeyOf({ kind: 'working', diffType: 'uncommitted' }, e.path) }))
    const co: TreeEntry[] = (changesData?.committed || [])
      .filter(matches)
      .map((e) => ({ ...e, cardKey: cardKeyOf({ kind: 'working', diffType: 'committed' }, e.path) }))
    return { uncommitted: un, committed: co, commitFiles: [] as TreeEntry[] }
  }, [viewMode, changesData, commitFilesData, filter])

  const allEntries = viewMode.kind === 'commit' ? commitFiles : [...uncommitted, ...committed]
  const tree = useMemo(() => buildTree(allEntries), [allEntries])

  const totals = useMemo(() => {
    let additions = 0
    let deletions = 0