{
  "id": "work-item-card",
  "name": "WorkItemCard",
  "kind": "component",
  "status": "stable-reference",
  "summary": "Task Manager kanban work item card with avatar header, centered title, progress, footer metadata, and ellipsis action dropdown.",
  "sourceRefs": [
    {
      "project": "nodedc_taskmanager",
      "file": "plane-src/apps/web/core/components/issues/issue-layouts/shared/nodedc-work-item-card.tsx",
      "exports": ["NodedcWorkItemCard", "NodedcWorkItemProgress", "getNodedcWorkItemCardAppearance"]
    },
    {
      "project": "nodedc_taskmanager",
      "file": "plane-src/apps/web/styles/globals.css",
      "classes": ["nodedc-work-item-card"]
    }
  ],
  "anatomy": [
    "rounded card surface",
    "header",
    "optional subtitle",
    "center title area",
    "segmented progress",
    "footer"
  ],
  "geometry": {
    "radius": "28px in reference",
    "padding": "1rem",
    "minContentHeight": "220px"
  },
  "states": {
    "passive": "cardPassive surface with muted foreground",
    "active": "cardActive accent surface with on-card-active foreground"
  },
  "rules": [
    "Kanban card ellipsis uses ActionDropdown.",
    "Card click must not intercept dropdown trigger clicks.",
    "Progress segments use three equal tracks and accent fill when passive."
  ]
}

