[jira] [Created] (ATLAS-5324) Enhance CollapsedAtlas React UI: Enhance Sidebar with Module Icons, Interactive Tree Tooltips, and Active State Markers

["Brijesh Bhalala (Jira)" <ji...@apache.org>]

Brijesh Bhalala created ATLAS-5324:
--------------------------------------

             Summary: Enhance CollapsedAtlas React UI: Enhance  Sidebar with Module Icons, Interactive Tree Tooltips, and Active State Markers
                 Key: ATLAS-5324
                 URL: https://issues.apache.org/jira/browse/ATLAS-5324
             Project: Atlas
          Issue Type: Task
          Components:  atlas-core
            Reporter: Brijesh Bhalala
            Assignee: Brijesh Bhalala


*Background / Problem:* Currently, when the Atlas Dashboard sidebar is collapsed, the space beneath the Atlas logo remains completely empty. This results in underutilized screen real estate and forces the user to fully expand the sidebar every time they want to navigate to a different module or tree structure.

*Objective:* Improve the UX of the collapsed sidebar (mini-variant) by displaying recognizable icons for each module, enabling quick navigation via interactive tooltips, and providing visual feedback on the user's current context.

*Acceptance Criteria:*

*Module Icons in Collapsed State:*

When the sidebar is collapsed, display a vertical stack of icons corresponding to the main modules: Search/Entities, Classifications, Business Metadata, Glossary, Relationships, and Custom Filters.

*Interactive Tree Tooltips on Hover:*

Hovering over any of these module icons must trigger an interactive popup/tooltip.
The tooltip must render the actual, fully functional tree structure (e.g., <GlossaryTree />, <EntitiesTree />) for that specific module, allowing users to browse and click nodes directly from the collapsed state.
The tooltip should have a defined maxHeight and scrollability to handle large tree structures cleanly.
Active State Indication:

The system must determine the currently active module by evaluating the URL location.pathname and searchParams.
The icon representing the currently active module must display a visual selection marker (e.g., a 4px solid #2ccebb left border and subtle background highlight).
This active marker must perfectly match the visual styling of selected tree nodes in the open sidebar to maintain design consistency.
Click to Expand:

Clicking directly on any of the module icons should instantly slide open the main sidebar drawer.



--
This message was sent by Atlassian Jira
(v8.20.10#820010)