# Knowledge Workspace App Header

Document header with share and comments.

- id: `knowledge-workspace-app-header`
- Page: https://agentic-ui-kit.com/components/knowledge-workspace-app-header
- Live preview: https://agentic-ui-kit.com/live/piece/knowledge-workspace-app-header?piece=knowledge-workspace-app-header

## Install

```bash
agentic-ui add knowledge-workspace-app-header
npx shadcn@4.17.0 add @agentic-ui/knowledge-workspace-app-header
```

## Metadata

- **Level:** block
- **Category:** block
- **Template:** Pagewell Team Workspace
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** breadcrumb-trail, share-actions, favorite-toggle, light-dark-toggle
- **Intents:** navigate, communicate
- **Suits domains:** knowledge, notes, saas, project-management, file-storage
- **Interaction:** toggle-favorite, share, toggle-light-dark
- **Screen role:** detail
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Document header with share and comments, Top bar of a knowledge application
- **Avoid when:** Full-screen views without contextual navigation
- **Preserve when adapting:** breadcrumb-structure, action-cluster, light-dark-toggle
- **Replace when adapting:** brand-mark, action-set
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.4/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 8/10, code 8/10
- **Uses primitives:** button, input, avatar, sidebar
- **npm dependencies:** date-fns, lucide-react
- **Used in:** Pagewell Team Workspace (template)
- **npm dependencies (registry):** date-fns@4.1.0, lucide-react@0.577.0, next-themes@0.4.6, zustand@5.0.8
- **Registry dependencies:** lib-team-workspace-utils, ui-avatar, ui-breadcrumb, ui-button, ui-dropdown-menu, ui-input, ui-popover, ui-sidebar