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

export default function IdeasListPage() {
  const appPath = useAppPath()
  return (
    <RecordListPage
      typeSlug='workbench_work_item'
      title='Ideas'
      getDetailRoute={record => appPath(`/intake/ideas/${record.id}`)}
      createRoute={appPath('/intake/ideas/new')}
      emptyMessage='No ideas found.'
      filterFn={record => record.data?.work_type === 'idea'}
      columns={[
        { key: 'title', label: 'Title' },
        { key: 'status', label: 'Status', render: r => <Badge variant='secondary'>{r.status || '—'}</Badge> },
        { key: 'priority', label: 'Priority', render: r => <Badge variant='outline'>{r.data?.priority || '—'}</Badge> },
        { key: 'created_at', label: 'Created' },
      ]}
    />
  )
}