# Feature DREAM-767 - Easier navigation in project wiki sidemenu 

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-767

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.8.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Wiki, Frontend components and Primer design system / TreeView, Modules and project features / Navigation / Sidebar, Modules and project features / Navigation |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | Yes |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Behrokh Satarnejad |
| Designer | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**Acceptance criteria**

*   **At a project level, in the 'Wiki' entry in the sidebar:**
    
    *   The sidebar shows the wiki hierarchy for just that project with a FilterableTreeView
        
        *   With search, without segmented control
            
    *   Only the first level is shown by default; all nodes are collapsed.
        
    *   Starting with the first level, all nodes are individual wiki pages
        
        *   Any wiki page can also have sub-pages. If a page has children, the user is able to expand each node to view these sub-pages.
            
    *   When accessing a particular page, the current page is marked as current in the sidebar and all its immediate ancestors and the current node is expanded to show just the immediate children
        
    *   Clicking on a page makes that page appear on the main content area to the right of the sidebar
        
    *   There is a search bar at the top of the FilterableTreeView that allows the user to filter the hierarchy using with a text search
        
        *   When a result is displayed, its immediate ancestors are also listed (in grey) so the user is able to see where that file is located.
            

**Technical notes**

*   Use the async `FilterableTreeView` for that
    
*   We may want to use the FilterableTreeView in other sidemenus as well, so the solution should be reusable
    
*   Legacy code is removed
    

**Permissions and visibility considerations**

*   Users can only see wiki pages (nodes/leaves) to which they have access
    

<br>