// // ─────────────────────────────────────────────────────────────────────
// // EXACT wiring for your audit-requests parent page
// // (uses the real field: row.requested_by_name — confirmed from your
// //  AuditRequestRow component)
// // ─────────────────────────────────────────────────────────────────────
// import { useMemo, useState } from "react";
// import type { AuditRequestTableRow } from "@/lib/api/types/audit-request.types";
// import type { AuditUserOption } from "./AuditRequestFilters"; // adjust path

// // 1️⃣ State — put next to your other filter states
// const [userFilter, setUserFilter] = useState<string>("all");

// // 2️⃣ Build the user list WITH COUNTS from the RAW rows (not filtered ones,
// //    so counts stay stable while filtering).
// //    Replace `rows` with whatever your full data array is called
// //    (e.g. tableRows, requests, data).
// const availableUsers: AuditUserOption[] = useMemo(() => {
//   const counts = new Map<string, number>();
//   for (const r of rows) {
//     const name = r.requested_by_name || "Unknown";
//     counts.set(name, (counts.get(name) ?? 0) + 1);
//   }
//   return Array.from(counts.entries())
//     .map(([name, count]) => ({ name, count }))
//     .sort((a, b) => (b.count ?? 0) - (a.count ?? 0)); // busiest first
// }, [rows]);

// // 3️⃣ Inside your existing filtering useMemo, add this check alongside
// //    the search / status / date checks:
// //
// //    if (userFilter !== "all" && (r.requested_by_name || "Unknown") !== userFilter) {
// //      return false;
// //    }
// //
// //    ⚠️ And add `userFilter` to that useMemo's dependency array!

// // 4️⃣ Reset it inside your existing clearFilters function:
// //    setUserFilter("all");

// // 5️⃣ Pass the three new props to the component:
// <AuditRequestFilters
//   // ...all your existing props stay exactly the same...
//   userFilter={userFilter}
//   setUserFilter={setUserFilter}
//   availableUsers={availableUsers}
// />;