{
  "id": "task-manager-board",
  "name": "TaskManagerBoardRecipe",
  "summary": "Composition for Task Manager project board, including kanban cards, action dropdowns, profile menu, and calendar.",
  "components": [
    "app-header",
    "segmented-nav",
    "work-item-card",
    "action-dropdown",
    "dropdown-surface",
    "calendar-popover",
    "profile-menu",
    "circle-action-button"
  ],
  "layout": {
    "top": "Task Manager header with active route segmented nav and profile cluster",
    "board": "kanban columns with WorkItemCard items",
    "floatingMenus": "ActionDropdown and selection dropdowns on portal layer",
    "date": "CalendarPopover for task start/target dates"
  },
  "compositionRules": [
    "Card ellipsis uses ActionDropdown.",
    "Date chips open CalendarPopover.",
    "Profile avatar opens ProfileMenu through ActionDropdown menuContent.",
    "All popovers use DropdownSurface and never render inline inside cards."
  ],
  "sourceRefs": [
    {
      "project": "nodedc_taskmanager",
      "files": [
        "plane-src/apps/web/core/components/issues/issue-layouts/shared/nodedc-work-item-card.tsx",
        "plane-src/apps/web/core/components/workspace/sidebar/user-menu-root.tsx",
        "plane-src/apps/web/core/components/dropdowns/date.tsx",
        "plane-src/packages/ui/src/dropdowns/action-dropdown.tsx",
        "plane-src/apps/web/styles/globals.css"
      ]
    }
  ]
}

