Sentry Issue Age Highlighter

WHAT IT DOES

This userscript transforms your Sentry issue list into a visual aging dashboard. It reads each issue's first seen timestamp, calculates how many days have passed since the issue first appeared, and applies color-coded highlighting to every issue row. The color system uses a four-tier gradient: green for new issues (0-1 days), yellow for recent (1-7 days), orange for aging (7-30 days), and red for old (30+ days). Each issue displays a compact badge showing the exact age in days and a category label. A summary panel shows counts of issues in each age category with percentages. A filter bar lets you show only issues in a specific age range, helping you focus on the most urgent or oldest issues first. Each issue includes a one-click ↗ button to open the issue details page, making it easy to triage and prioritize. This is invaluable for developers, SREs, and engineering teams who need to prioritize bug fixes, identify stale errors, and ensure critical issues aren't being overlooked.

WHERE IT RUNS

The script runs on all Sentry web application pages at *.sentry.io/*, with automatic detection of issue lists, the main issues dashboard, and any page displaying issue entries. It works across all Sentry interfaces by using multiple selector strategies to find issue rows, first seen timestamps, issue titles, and links. The script detects dynamic content loading and re-applies highlighting whenever the issue list changes, including after filtering, sorting, or pagination. It runs across the entire Sentry domain, ensuring coverage whether you're viewing your main issues dashboard, a specific project's issues, or a filtered view.

HOW TO USE

Install the script via the BotGentz extension and navigate to any Sentry issue list. Highlighting will apply automatically to all visible issue rows. Each issue row gets a subtle background tint and a colored left border matching its age category, along with a badge on the issue title showing the exact age and label. The summary panel appears above your issue list showing total issues and a breakdown by age category with counts and percentages. The filter bar appears as a sticky row with buttons for each age category—click any button to show only issues in that category. Click the ↗ button next to any issue to open its details page in a new tab. Use the panel controls to toggle highlighting on or off, show or hide the summary panel, enable or disable the filter bar, or choose whether to show the age in days on the badge. You can customize the day thresholds for each color category to match your team's triage workflow. The "Refresh" button manually reapplies all highlighting if the page updates.

THE MECHANISM - DATE PARSING, AGE CALCULATION, AND VISUAL PRIORITIZATION

This script identifies issue age by scanning each issue row for first seen timestamps. It uses a cascading selector strategy that looks for Sentry's date elements including .first-seen, .last-seen, .issue-date, .created-at, timestamp elements, and data-testid attributes. When relative time strings are found ("2 days ago," "3 hours ago"), the script parses them into absolute timestamps. For absolute timestamps, it converts them to Date objects directly. The age is calculated as the difference between the current time and the first seen time, expressed in days. This age is then mapped to a color category using the user-defined thresholds. The highlighting is applied via inline styles on each issue row (background and border-left) that override Sentry's default styling. The badge is inserted into the issue title element using DOM manipulation. For the summary, the script counts issues in each category and calculates percentage distributions. The filter bar uses display toggling to show or hide issues based on their age category. The view link is extracted from the issue's anchor element and opened with GM_openInTab.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the Sentry page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the chart emoji (📊), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes all setting toggles, threshold controls, action buttons, and a color legend. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Sentry, with highlighting updating automatically as you move between projects and issue views.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Sentry users who need to prioritize issues by age. The script reads only visible issue data from the DOM—it does not access Sentry's API, your account credentials, or any sensitive information. All settings (threshold values, toggle states, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Sentry data—it only enhances the visual presentation of the issue list. Age calculations are based on your system's current time and the timestamps visible on the page; if Sentry updates its website structure, the script may need to be updated to match new selectors. The filter bar works on all issues currently visible in the list; if the list is paginated, the filter applies only to the current page. Resolved issues are included in the age calculation if they remain visible on the page.