fix

src/App.jsx

@@ -19,6 +19,7 @@ const apiEndpoints = {
   teams: '/api/tss/leaderboard/teams?limit=100',
   teamsHealth: '/api/tss/leaderboard/teams?limit=1',
   resolve: (name) => `/api/tss/teams/resolve?name=${encodeURIComponent(name)}`,
+  searchTeams: (name) => `/api/tss/teams/search?q=${encodeURIComponent(name)}&limit=10`,
   detail: (name) => `/api/tss/teams/${encodeURIComponent(name)}`,
   history: (name) => `/api/tss/teams/${encodeURIComponent(name)}/history`,
   games: (name) => `/api/tss/teams/${encodeURIComponent(name)}/games`,
@@ -547,6 +548,7 @@ function AppContent() {
   const [showFloatingNav, setShowFloatingNav] = useState(() => window.scrollY > 40)
   const [teamQuery, setTeamQuery] = useState('')
   const [searchHint, setSearchHint] = useState({ status: 'idle', name: '' })
+  const [teamSearchResults, setTeamSearchResults] = useState([])
   const [profile, setProfile] = useState({
     teamName: '',
     detail: { status: 'idle', data: null, error: null },
@@ -733,20 +735,40 @@ function AppContent() {
     const query = teamQuery.trim()
     if (query.length < 2) {
       setSearchHint({ status: 'idle', name: '' })
+      setTeamSearchResults([])
       return
     }
 
     const controller = new AbortController()
     const timer = window.setTimeout(() => {
       setSearchHint({ status: 'loading', name: '' })
-      fetchJson(apiEndpoints.resolve(query), controller.signal)
+      fetchJson(apiEndpoints.searchTeams(query), controller.signal)
         .then((data) => {
-          const name = data.tag_name || data.short_name || data.long_name || query
-          setSearchHint({ status: 'ready', name })
+          const results = (data.teams || data.results || [])
+            .map((team) => ({
+              name: bestTeamName(team),
+              detail: team.long_name || team.short_name || '',
+              aliases: [team.tag_name, team.short_name, team.long_name].filter(Boolean),
+            }))
+            .filter((team) => team.name)
+            .slice(0, 10)
+          setTeamSearchResults(results)
+          setSearchHint(results.length ? { status: 'ready', name: results[0].name } : { status: 'error', name: '' })
         })
         .catch(() => {
           if (!controller.signal.aborted) {
-            setSearchHint({ status: 'error', name: '' })
+            fetchJson(apiEndpoints.resolve(query), controller.signal)
+              .then((data) => {
+                const name = data.tag_name || data.short_name || data.long_name || ''
+                setTeamSearchResults(name ? [{ name, detail: data.long_name || data.short_name || '', aliases: [name] }] : [])
+                setSearchHint(name ? { status: 'ready', name } : { status: 'error', name: '' })
+              })
+              .catch(() => {
+                if (!controller.signal.aborted) {
+                  setTeamSearchResults([])
+                  setSearchHint({ status: 'error', name: '' })
+                }
+              })
           }
         })
     }, 350)
@@ -1060,7 +1082,7 @@ function AppContent() {
   }, [route.page, route.teamName])
 
   const topTeamName = bestTeamName(teams[0])
-  const teamSuggestions = useMemo(() => {
+  const localTeamSuggestions = useMemo(() => {
     const query = teamQuery.trim().toLowerCase()
     const seen = new Set()
 
@@ -1078,6 +1100,7 @@ function AppContent() {
       })
       .slice(0, 10)
   }, [teamQuery, teams])
+  const teamSuggestions = teamSearchResults.length ? teamSearchResults : localTeamSuggestions
   const searchPlaceholder =
     searchHint.status === 'ready'
       ? `Found ${searchHint.name}`