ECHOES-1448 Auto-open SidebarNavigation accordions when a child item becomes active

[david-cho-lerat-sonarsource]

Summary

• add auto-open behavior to uncontrolled SidebarNavigation.AccordionItem
• auto-open when any child item becomes active, including on the initial render
• support both route-derived active state and explicit isActive on accordion child items
• leave subsequent manual open/close interactions alone until a later child-active event
• do not auto-close when active children become inactive
• keep controlled accordions fully controlled and disable auto-open there

[netlify]

✅ Deploy Preview for echoes-react ready!

Name	Link
🔨 Latest commit	8479c18
🔍 Latest deploy log	https://app.netlify.com/projects/echoes-react/deploys/6a7c6be57c38a10009a3302d
😎 Deploy Preview	https://deploy-preview-749--echoes-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[hashicorp-vault-sonar-prod]

ECHOES-1448

[Copilot]

Pull request overview

This PR enhances the Layout.SidebarNavigation.AccordionItem (uncontrolled mode) so it automatically opens when one of its child items becomes active (via routing match or explicit isActive). It introduces an opt-out prop to preserve the previous “stay closed unless user opens it” behavior when needed.

Changes:

• Added auto-open-on-active-child behavior for uncontrolled SidebarNavigationAccordionItem, with an opt-out via disableAutoOpenOnActiveItem.
• Introduced an internal SidebarNavigationAccordionContext so child items can report active-state changes to the parent accordion.
• Updated SidebarNavigationAccordionChildItem and expanded test + Storybook coverage for route-driven and explicit active states.

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
stories/layout/sidebar-navigation/SidebarNavigationAccordionItem-stories.tsx	Adds Storybook examples for auto-open and opt-out behavior.
src/components/layout/sidebar-navigation/SidebarNavigationAccordionItem.tsx	Implements uncontrolled auto-open logic and provides the context handler to children.
src/components/layout/sidebar-navigation/SidebarNavigationAccordionContext.ts	New internal context to propagate child “auto-open key” changes to the accordion.
src/components/layout/sidebar-navigation/SidebarNavigationAccordionChildItem.tsx	Reports active/route-match changes to the accordion when context is present.
src/components/layout/sidebar-navigation/index.ts	Re-exports child item props and documents the new uncontrolled auto-open behavior.
src/components/layout/sidebar-navigation/tests/SidebarNavigationAccordionItem-test.tsx	Adds coverage for auto-open, opt-out, controlled behavior, and navigation-driven state transitions.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[jeremy-davis-sonarsource]

I wonder if we can't make it a bit easier to follow by extracting more parts in a hook (or the context, even?)

[david-cho-lerat-sonarsource]

I wonder if we can't make it a bit easier to follow by extracting more parts in a hook (or the context, even?)

I've introduced a hook for the parent item, it didn't seem worth it for the child

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
94.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube

[jeremy-davis-sonarsource]

Looks great!