Remove "New!" bubbles

Author: klieret

css/components.css

@@ -1012,77 +1012,3 @@ hr {
   text-decoration-thickness: 2px;
   text-decoration-color: var(--color-text-muted);
 }
-
-/* New Feature Badge */
-.new-badge {
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  margin-top: 2px;
-  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
-  color: white;
-  padding: 0.25rem 0.5rem;
-  border-radius: var(--radius-full);
-  font-size: 0.7rem;
-  font-weight: var(--weight-medium);
-  white-space: nowrap;
-  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
-  z-index: 100;
-  animation: newBadgeAnimation 6s ease-in-out forwards;
-  pointer-events: none;
-}
-
-.dark-mode .new-badge {
-  background: linear-gradient(135deg, var(--blue-400), var(--blue-600));
-  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.6);
-}
-
-.new-badge-button {
-  top: -12px;
-  left: auto;
-  right: -45px;
-}
-
-@keyframes newBadgeAnimation {
-  0% {
-    opacity: 0;
-    transform: translateX(-50%) scale(0.8);
-  }
-  10% {
-    opacity: 1;
-    transform: translateX(-50%) scale(1);
-  }
-  15% {
-    transform: translateX(-50%) scale(1.1);
-  }
-  20% {
-    transform: translateX(-50%) scale(1);
-  }
-  30% {
-    transform: translateX(-50%) scale(1.05);
-  }
-  35% {
-    transform: translateX(-50%) scale(1);
-  }
-  45% {
-    transform: translateX(-50%) scale(1.05);
-  }
-  50% {
-    transform: translateX(-50%) scale(1);
-  }
-  60% {
-    transform: translateX(-50%) scale(1.05);
-  }
-  65% {
-    transform: translateX(-50%) scale(1);
-  }
-  85% {
-    opacity: 1;
-    transform: translateX(-50%) scale(1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(-50%) scale(0.8);
-  }
-}

js/mainResults.js

@@ -16,9 +16,6 @@ const statusToNaturalLanguage = {
 const loadedLeaderboards = new Set();
 let leaderboardData = null;
 
-// Track which badges have been shown to avoid re-animating
-const badgesShown = new Set();
-
 const sortState = { field: 'resolved', direction: 'desc' };
 
 function loadLeaderboardData() {
@@ -108,7 +105,7 @@ function renderLeaderboardTable(leaderboard) {
                             <th class="sortable" data-sort="name">Model</th>
                             <th class="sortable" data-sort="resolved">% Resolved</th>
                             ${hasDetailedFeatures ? '<th class="sortable" data-sort="instance_cost" title="Average cost per task instance in the benchmark">Avg. $</th>' : ''}
-                            ${hasDetailedFeatures ? '<th class="sortable" data-sort="trajs_docent"><span style="position: relative; display: inline-block;">Trajs<span class="new-badge" data-badge-shown="false">New!</span></span></th>' : ''}
+                            ${hasDetailedFeatures ? '<th class="sortable" data-sort="trajs_docent">Trajs</th>' : ''}
                             <th class="sortable" data-sort="org">Org</th>
                             <th class="sortable" data-sort="date">Date</th>
                             ${!hasDetailedFeatures ? '<th class="sortable" data-sort="site">Site</th>' : ''}
@@ -180,25 +177,6 @@ function renderLeaderboardTable(leaderboard) {
         updateSelectAllCheckbox();
     }
 
-    // Handle new badges - only show animation once per page load
-    const isBashOnlyTab = leaderboardNameLower === 'bash-only';
-    const isMultilingualTab = leaderboardNameLower === 'multilingual';
-    const showBadges = isBashOnlyTab || isMultilingualTab;
-    const badges = container.querySelectorAll('.new-badge');
-    badges.forEach(badge => {
-        const badgeKey = 'trajs-badge-' + leaderboard.name;
-        const hasBeenShown = badgesShown.has(badgeKey);
-
-        if (!showBadges || hasBeenShown) {
-            badge.style.display = 'none';
-        } else {
-            badge.style.display = '';
-            // Mark as shown after animation completes
-            badge.addEventListener('animationend', () => {
-                badgesShown.add(badgeKey);
-            }, { once: true });
-        }
-    });
 }
 
 function attachSortHandlers(leaderboardName) {
@@ -482,9 +460,8 @@ function openLeaderboard(leaderboardName) {
         setTimeout(updateTable, 0);
     }
 
-    // Show/hide compare button and badge based on leaderboard type
+    // Show/hide compare button based on leaderboard type
     const compareBtn = document.getElementById('compare-btn');
-    const compareButtonBadge = document.querySelector('.new-badge-button');
     const leaderboardNameLower = leaderboardName.toLowerCase();
     const isBashOnlyTab = leaderboardNameLower === 'bash-only';
     const isMultilingualTab = leaderboardNameLower === 'multilingual';
@@ -497,16 +474,6 @@ function openLeaderboard(leaderboardName) {
             compareBtn.style.display = 'none';
         }
     }
-
-    // Hide/show compare button badge based on tab and if already shown
-    if (compareButtonBadge) {
-        const hasBeenShown = badgesShown.has('compare-button-badge');
-        if (!showDetailedFeatures || hasBeenShown) {
-            compareButtonBadge.style.display = 'none';
-        } else {
-            compareButtonBadge.style.display = '';
-        }
-    }
 }
 
 document.addEventListener('DOMContentLoaded', function() {
@@ -540,19 +507,6 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
 
-    // Handle compare button badge - only show once per page load, only on bash-only
-    const compareButtonBadge = document.querySelector('.new-badge-button');
-    if (compareButtonBadge) {
-        const hasBeenShown = badgesShown.has('compare-button-badge');
-        if (hasBeenShown) {
-            compareButtonBadge.style.display = 'none';
-        } else {
-            compareButtonBadge.addEventListener('animationend', () => {
-                badgesShown.add('compare-button-badge');
-            }, { once: true });
-        }
-    }
-    
     // Load initial tab based on hash, page name, or default to bash-only
     const hash = window.location.hash.slice(1).toLowerCase();
     const validTabs = ['bash-only', 'multilingual', 'verified', 'lite', 'test', 'multimodal'];

templates/_leaderboard_table.html

@@ -12,7 +12,6 @@
                 <i class="fa-solid fa-chart-column"></i>
                 <span>Compare results</span>
             </button>
-            <span class="new-badge new-badge-button">New!</span>
         </div>
         <div class="filter-title">Filters:</div>
         <div class="filter-buttons">