Hierarchy Management Page
Component Detail
User Interface
high complexity
frontend
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Full-page admin interface for viewing and managing the multi-level organization tree (national, regional, local). Renders a collapsible tree with inline add, edit, and remove actions scoped to the requesting admin's organizational level.
hierarchy-management-page
Responsibilities
- Render collapsible organization tree up to three levels deep
- Provide inline controls for adding and removing child organizations
- Enforce level-scoped editing so admins can only modify their level and below
- Display membership counts and aggregated activity indicators per node
- Show breadcrumb context for the admin's own organizational position in the tree
Interfaces
loadHierarchy(rootOrgId: string): OrganizationNode
addChildOrganization(parentId: string, data: OrgFormData): void
removeOrganization(orgId: string): void
expandNode(orgId: string): void
collapseNode(orgId: string): void
Relationships
Dependencies (2)
Components this component depends on
Sub-Components (1)
Organization Tree Widget
component
medium
Reusable collapsible tree node component that renders a single organization with its children. Supports lazy expansion of subtrees and exposes action slots for add and remove operations used by the parent page.
- Render a single organization node with expand/collapse toggle
- Recursively mount child nodes when expanded
- Expose action slots for add and remove so the parent page owns the business logic