51 lines
1.6 KiB
JSON
51 lines
1.6 KiB
JSON
{
|
|
"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."
|
|
]
|
|
}
|