Fix sort toggle direction and remove categories as sortable column

app/evals/page.tsx

@@ -51,15 +51,13 @@ function EvalsPageInner() {
   const deferredSearchQuery = useDeferredValue(searchQuery)
 
   const handleSort = useCallback((col: FamilySortCol) => {
-    setSortCol((prev) => {
-      if (prev === col) {
-        setSortDir((d) => (d === "asc" ? "desc" : "asc"))
-        return col
-      }
+    if (sortCol === col) {
+      setSortDir((d) => (d === "asc" ? "desc" : "asc"))
+    } else {
+      setSortCol(col)
       setSortDir("asc")
-      return col
-    })
-  }, [])
+    }
+  }, [sortCol])
 
   useEffect(() => {
     Promise.all([fetchEvalHierarchy(), fetchEvalList(), fetchBenchmarkMetadata()])
@@ -166,12 +164,6 @@ function EvalsPageInner() {
         case "name":
           cmp = a.display_name.localeCompare(b.display_name)
           break
-        case "categories": {
-          const aTag = (a.derivedTags ?? [])[0] ?? ""
-          const bTag = (b.derivedTags ?? [])[0] ?? ""
-          cmp = aTag.localeCompare(bTag)
-          break
-        }
         case "benchmarks":
           cmp = getFamilyBenchmarkCount(a) - getFamilyBenchmarkCount(b)
           break

components/family-table.tsx

@@ -12,7 +12,7 @@ import { humanizeEvaluationId } from "@/lib/utils"
 
 const LEAVES_INLINE_MAX = 50
 
-export type FamilySortCol = "name" | "categories" | "benchmarks" | "results"
+export type FamilySortCol = "name" | "benchmarks" | "results"
 
 interface FamilyTableProps {
   families: HierarchyFamily[]
@@ -348,7 +348,7 @@ export function FamilyTable({
         <thead>
           <tr>
             <SortTh col="name" style={{ width: "55%" }}>Family</SortTh>
-            <SortTh col="categories">Categories</SortTh>
+            <th>Categories</th>
             <SortTh col="benchmarks" className="num">Benchmarks</SortTh>
             <SortTh col="results" className="num">Reported results</SortTh>
             <th style={{ width: 90 }} />