// CIL[BEGIN chunk_id="WorkItemCard_module_header_1784779659" type="module_header" identity="module_header" parent="none"]
// CIL[DOC-MACRO purpose="Render a compact summary card for a work item"]
// CIL[DOC-RESPONSIBILITY responsibility="Display work item title, status, type, priority, severity, team, assignee, and blocked state"]
// CIL[DOC-CONTEXT module="workbench.components.work.WorkItemCard" layer="frontend-component" related_files="[\"custom/apps/workbench/components/work/badges.tsx\",\"custom/apps/workbench/pages/work/PrioritizationPage.tsx\",\"custom/apps/workbench/pages/work/WorkBacklogPage.tsx\"]"]
// CIL[DOC-CONTRACT inputs="item record" outputs="JSX card" errors="none" side_effects="none"]
// CIL[DOC-MICRO logic_summary="Reads item and item.data fields, renders badges, and uses isBlockedValue to handle formatted boolean strings" notable_decisions="[]"]
// CIL[DOC-LEARNING topic="runtime-type:boolean-formatting" content="item.data.is_blocked may be a boolean or a formatted string from admin-data; normalize with isBlockedValue before deciding to show the Blocked badge"]
// CIL[DOC-CONFIDENCE pass="first" score="0.9" flags="none"]
// CIL[DOC-STABILITY stability="experimental"]
// CIL[DOC-AUDIENCE audience="developer"]
import { Card, CardContent } from '@core/components/ui/card'
import { StatusBadge, PriorityBadge, SeverityBadge, WorkTypeBadge, TeamBadge, BlockedBadge, isBlockedValue } from './badges'
import { User, Clock } from 'lucide-react'
import { cn } from '@core/lib/utils'

interface WorkItemCardProps {
  item: any
  onClick?: () => void
  isOwned?: boolean
  className?: string
}

export function WorkItemCard({ item, onClick, isOwned = true, className }: WorkItemCardProps) {
  const title = item.title || 'Untitled work item'
  const workType = item.data?.work_type
  const priority = item.data?.priority
  const severity = item.data?.severity
  const team = item.data?.team
  const status = item.status
  const isBlocked = isBlockedValue(item.data?.is_blocked)
  const assigneeId = item.data?.assignee_id || item.assignee_id

  return (
    <Card
      className={cn(
        'cursor-pointer transition-all hover:shadow-md hover:-translate-y-0.5',
        !isOwned && 'opacity-60 grayscale-[0.25]',
        className
      )}
      onClick={onClick}
    >
      <CardContent className="p-3 space-y-2">
        <div className="flex items-start justify-between gap-2">
          <h3 className="text-sm font-medium leading-tight line-clamp-2">{title}</h3>
          {isBlocked && <BlockedBadge className="shrink-0" />}
        </div>

        <div className="flex flex-wrap items-center gap-1.5">
          <StatusBadge status={status} />
          <WorkTypeBadge workType={workType} />
          {priority ? <PriorityBadge priority={priority} /> : null}
          {severity ? <SeverityBadge severity={severity} /> : null}
          {team ? <TeamBadge team={team} /> : null}
        </div>

        <div className="flex items-center justify-between text-[0.625rem] text-muted-foreground">
          <div className="flex items-center gap-1.5">
            <User className="h-3 w-3" />
            <span className="font-mono">{assigneeId ? `${assigneeId.slice(0, 8)}…` : 'Unassigned'}</span>
          </div>
          <div className="flex items-center gap-1">
            <Clock className="h-3 w-3" />
            <span className="font-mono">{item.id?.slice(0, 8) ?? ''}</span>
          </div>
        </div>
      </CardContent>
    </Card>
  )
}
// CIL[END chunk_id="WorkItemCard_module_header_1784779659"]