Function HistoryView

packages/web/src/components/workspace/HistoryView.tsx:122–295

({ workingDir })

  )
}

/** History Tab main component */
export const HistoryView: React.FC<{ workingDir?: string }> = ({ workingDir }) => {
  const { t } = useI18n()
  const visibleContext = useGitVisibilityStore((state) => state.visibleContext)
  const refreshInterval = getGitHistoryRefreshInterval(workingDir, visibleContext)
  const {
    data, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage,
  } = useInfiniteQuery({
    queryKey: queryKeys.git.log(workingDir || ''),
    queryFn: ({ pageParam = 0 }) =>
      apiClient.get<GitLogResponse>('/git/log', {
        params: { workingDir: workingDir || '', limit: String(PAGE_SIZE), skip: String(pageParam) },
      }),
    initialPageParam: 0,
    getNextPageParam: (lastPage, allPages) =>
      lastPage.commits.length < PAGE_SIZE ? undefined : allPages.length * PAGE_SIZE,
    enabled: !!workingDir,
    refetchInterval: refreshInterval,
    refetchIntervalInBackground: false,
    refetchOnWindowFocus: refreshInterval ? 'always' : false,
    refetchOnReconnect: refreshInterval ? 'always' : false,
  })

  const commits = data?.pages.flatMap(p => p.commits) || []

  const [selectedHash, setSelectedHash] = useState<string | null>(null)
  const [selectedFile, setSelectedFile] = useState<string | null>(null)

  // Resizable left panel
  const [panelWidth, setPanelWidth] = useState(280)
  const [isDragging, setIsDragging] = useState(false)
  const onDragStart = useCallback((e: React.MouseEvent) => {
    e.preventDefault()
    setIsDragging(true)
    const startX = e.clientX
    const startWidth = panelWidth
    const onMouseMove = (ev: MouseEvent) => {
      const next = Math.min(480, Math.max(180, startWidth + (ev.clientX - startX)))
      setPanelWidth(next)
    }
    const onMouseUp = () => {
      setIsDragging(false)
      document.removeEventListener('mousemove', onMouseMove)
      document.removeEventListener('mouseup', onMouseUp)
    }
    document.addEventListener('mousemove', onMouseMove)
    document.addEventListener('mouseup', onMouseUp)
  }, [panelWidth])

  const handleSelectCommit = (hash: string) => {
    if (selectedHash === hash) { setSelectedHash(null); setSelectedFile(null) }
    else { setSelectedHash(hash); setSelectedFile(null) }
  }

  // Scroll container ref for load-more detection
  const scrollRef = useRef<HTMLDivElement>(null)