import { useAppPath } from '@core/hooks/useAppPath'
import { RecordListPage } from '../../components/records/RecordListPage'

const STATUS_LABELS: Record<string, string> = { pending: 'Pending', running: 'Running', success: 'Success', failure: 'Failure', cancelled: 'Cancelled' }

export default function PipelineRunsPage() {
  const appPath = useAppPath()
  return (
    <RecordListPage
      typeSlug="workbench_pipeline_run"
      title="Pipeline Runs"
      getDetailRoute={record => appPath(`/delivery/pipelines/${record.id}`)}
      emptyMessage="No pipeline runs found."
      columns={[
        { key: 'title', label: 'Name' },
        { key: 'status', label: 'Status' },
        { key: 'created_at', label: 'Started' },
        { key: 'updated_at', label: 'Updated' },
      ]}
    />
  )
}