{
  "id": "app-header",
  "name": "NodeDcAppHeader",
  "kind": "component",
  "status": "draft-stable",
  "summary": "Top application header with logo, centered navigation group, workspace mark, and profile cluster.",
  "sourceRefs": [
    {
      "project": "nodedc_launcher",
      "file": "src/widgets/top-bar/TopBar.tsx",
      "functions": ["TopBar"]
    },
    {
      "project": "nodedc_launcher",
      "file": "src/shared/nodedc-ui/Select.tsx",
      "exports": ["NodeDcSelect"]
    },
    {
      "project": "nodedc_launcher",
      "file": "src/shared/nodedc-ui/ProfileMenu.tsx",
      "exports": ["NodeDcProfileMenu"]
    },
    {
      "project": "nodedc_launcher",
      "file": "src/styles/globals.css",
      "classes": ["nodedc-expanded-toolbar", "nodedc-expanded-nav-group", "nodedc-expanded-nav-button", "nodedc-expanded-user-group"]
    },
    {
      "project": "nodedc_taskmanager",
      "file": "plane-src/apps/web/core/components/core/app-header.tsx"
    }
  ],
  "anatomy": [
    "left brand logo",
    "center workspace mark",
    "center segmented nav",
    "right profile pill with optional notification icon and avatar"
  ],
  "geometry": {
    "shellPadding": "1.25rem top/right/left in launcher",
    "pillHeight": "3rem in launcher expanded toolbar",
    "brandLogo": "visual size follows Task Manager reference, not text-only brand"
  },
  "rules": [
    "Header is monocolor black/dark, not gradient decoration.",
    "Active top nav segment is white filled pill.",
    "Profile avatar diameter must match reference topbar avatar.",
    "Launcher and Task Manager headers must remain visually identical where routes overlap."
  ]
}
