XdithyX opened a new pull request, #55655: URL: https://github.com/apache/spark/pull/55655
### What changes were proposed in this pull request? This PR modifies the SQL Executions listing table in the Spark Web UI to visually highlight long-running SQL queries ([SPARK-55872](https://issues.apache.org/jira/browse/SPARK-55872)). The duration column is now color-coded: - Amber text (`text-warning`) for queries exceeding 1 minute (60,000 ms). - Red text (`text-danger`) for queries exceeding 10 minutes (600,000 ms). This is achieved purely via client-side JavaScript (allexecutionspage.js), applying the existing Bootstrap 5 utility classes already available in the Spark UI. ### Why are the changes needed? To help users quickly identify performance bottlenecks at a glance. When analyzing jobs in production, scanning large execution tables can be cumbersome. Color-coding makes slow SQL queries immediately obvious without having to sort or parse durations manually, improving the observability and usability of the Spark Web UI. ### Does this PR introduce _any_ user-facing change? Yes. The SQL listing page in the Spark Web UI will now display long durations with emphasized colors: - **Before:** `1.2 min`, `15 min` (standard text color). - **After:** `1.2 min` (amber text), `15 min` (red text). ### How was this patch tested? Ran a local Spark application with simulated fast and slow queries to visually confirm that the `text-warning` and `text-danger` classes are applied perfectly based on the duration. ### Was this patch authored or co-authored using generative AI tooling? Yes ### Screenshots | Before | |--------| | <img width="1510" height="553" alt="Screenshot 2026-05-02 at 11 03 04 PM" src="https://github.com/user-attachments/assets/04e2f668-9b45-4d85-9ea6-b4a64322dacf" /> | | After | |----------------| | <img width="1512" height="513" alt="After" src="https://github.com/user-attachments/assets/13116ed6-14e1-4d2b-a170-ca04b9831819" /> | | <img width="1512" height="472" alt="After Variant" src="https://github.com/user-attachments/assets/e137c0ec-a84f-45c9-93f5-8f35fa0a28ed" /> | -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
