Skip to content

fix(webapp): retain sidebar item active highlight on nested detail pages - #5096

Closed
Ashik9500 wants to merge 1 commit into
triggerdotdev:mainfrom
Ashik9500:fix/sidebar-navigation-active-state
Closed

Ashik9500 wants to merge 1 commit into
triggerdotdev:mainfrom
Ashik9500:fix/sidebar-navigation-active-state

Conversation

@Ashik9500

Copy link
Copy Markdown

Fixes the issue where sidebar navigation items lost active highlight when navigating from section list pages to nested detail pages (e.g. Tasks and Runs). Supports nestedPaths for Tasks, boundary-safe prefix matching, and preserves dashboard and favorite isolation.

Closes #

✅ Checklist

  • I have followed every step in the contributing guide
  • The PR title follows the convention.
  • I ran and tested the code works

Testing

[Describe the steps you took to test this change]


Changelog

[Short description of what has changed]


Screenshots

[Screenshots]

💯

Fixes the issue where sidebar navigation items lost active highlight when navigating from section list pages to nested detail pages (e.g. Tasks and Runs). Supports nestedPaths for Tasks, boundary-safe prefix matching, and preserves dashboard and favorite isolation.
@changeset-bot

changeset-bot Bot commented Nov 4, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: c00e8e4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai

coderabbitai Bot commented Nov 4, 2026 •

Copy link
Copy Markdown
Contributor

Explain Change →

Caution

Review failed

The pull request is closed.

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Tip

🎯 Customize your risk assessments

Guide how CodeRabbit assesses merge risk and security architecture risk. Highlight sensitive changes and explain your security boundaries using Merge Risk Instructions and Security Risk Instructions in your review settings. Security architecture risk assessments require the Advanced plan or above.

✅ Automatic approvals, with your rules

Let CodeRabbit approve pull requests once required threads are resolved, pre-merge checks pass, and your risk limits are met. Enable Automatic approvals in review settings, with overrides for teams or file paths.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

@github-actions

github-actions Bot commented Nov 4, 2026

Copy link
Copy Markdown
Contributor

Hi @Ashik9500, thanks for your interest in contributing!

This project requires that pull request authors are vouched, and you are not in the list of vouched users.

This PR will be closed automatically. See https://github.com/triggerdotdev/trigger.dev/blob/main/CONTRIBUTING.md for more details.

@github-actions github-actions Bot closed this Nov 4, 2026

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Devin Review found 2 potential issues.

Devin Review

Comment on lines +948 to +951
nestedPaths={[
`${v3EnvironmentPath(organization, project, environment)}/tasks`,
`${v3EnvironmentPath(organization, project, environment)}/agents`,
]}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Sidebar fix missing release note

This user-facing webapp fix has no .server-changes/ entry. The release summary omits the sidebar highlight fix.

Learn more

The sidebar change fixes a visible behavior for webapp users. Server-only, user-facing fixes require a release note under .server-changes/, and this PR changes only webapp files. The release process includes those notes in its summary.

Example: A user upgrades and reads the release summary to see whether nested task pages retain their sidebar highlight. With no entry, the fix is absent from that summary.

Recommended fix: Add a .server-changes/ Markdown file with area: webapp, type: fix, and one user-facing sentence about retaining the sidebar highlight on detail pages.

Devin Review


Was this helpful? React with 👍 or 👎 to provide feedback.

normalizePath,
} from "~/components/navigation/SideMenuItem";

describe("Sidebar Navigation Route Matching", () => {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Unit tests lack required exception comment

The new sideMenuNavigation unit suite omits the required one-line comment explaining its exception to the integration-test preference.

Learn more

Repository test instructions allow new unit tests only exceptionally, for complex, stable logic unlikely to change, and require a one-line comment explaining the exception. This suite tests the isolated route-matching helper, but begins without that explanation.

Example: A reviewer opening the suite sees hundreds of helper assertions without a reason for choosing unit tests over integration coverage.

Recommended fix: If this matching logic qualifies for the exception, add a concise one-line comment explaining why. Otherwise test sidebar behavior through an integration path instead.

Devin Review


Was this helpful? React with 👍 or 👎 to provide feedback.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant