Update team.html

team.html

@@ -45,6 +45,8 @@
         .mention-text a { color: #f97316; text-decoration: none; }
         .mention-text a:hover { text-decoration: underline; }
         .mention-text .player-link { color: #2563eb; font-weight: 500; }
+        .mention-text .team-link { color: #059669; font-weight: 500; }
+        .mention-text .handle-link { color: #7c3aed; }
         .mention-footer { margin-top: 12px; }
         .view-original { color: #f97316; text-decoration: none; font-size: 14px; font-weight: 500; }
         .view-original:hover { text-decoration: underline; }
@@ -90,11 +92,16 @@
     <script>
         const teamName = decodeURIComponent(window.location.pathname.split('/team/')[1] || '');
         let allPlayers = [];
+        let allTeams = [];
         
         async function loadPlayerList() {
             try { const res = await fetch('/api/players?hours=72&limit=200'); allPlayers = (await res.json()).map(p => p.player); } catch (e) {}
         }
+        async function loadTeamList() {
+            try { const res = await fetch('/api/teams?hours=168&limit=30'); allTeams = (await res.json()).map(t => t.team); } catch (e) {}
+        }
         loadPlayerList();
+        loadTeamList();
         
         const searchInput = document.getElementById('searchInput');
         const searchResults = document.getElementById('searchResults');
@@ -126,10 +133,19 @@
             escaped = escaped.replace(/(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/gi, '<a href="$1" target="_blank">$1</a>');
             // Match domain.com/path URLs (common patterns without protocol)
             escaped = escaped.replace(/(?<![\/\w@])((?:[a-zA-Z0-9-]+\.)+(?:com|net|org|io|co|tv|be|ly|me|us|uk|ca|au|de|fr|es|it|nl|app|dev|gg|xyz|info|biz)\/[^\s<]*[^<.,:;"')\]\s])/gi, '<a href="https://$1" target="_blank">$1</a>');
+            // Match @handles (Bluesky handles)
+            escaped = escaped.replace(/@([a-zA-Z0-9][a-zA-Z0-9._-]*(?:\.[a-zA-Z][a-zA-Z0-9._-]*)+)/g, '<a href="https://bsky.app/profile/$1" target="_blank" class="handle-link">@$1</a>');
+            // Match player names
             for (const player of allPlayers) {
                 const regex = new RegExp(`\\b(${player.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})\\b`, 'gi');
                 escaped = escaped.replace(regex, `<a href="/player/${encodeURIComponent(player)}" class="player-link">$1</a>`);
             }
+            // Match team names (skip current team to avoid linking everything)
+            for (const team of allTeams) {
+                if (team === teamName) continue;
+                const regex = new RegExp(`\\b(${team.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})\\b`, 'gi');
+                escaped = escaped.replace(regex, `<a href="/team/${encodeURIComponent(team)}" class="team-link">$1</a>`);
+            }
             return escaped;
         }