Fix Agency search results

- Fixed agency endpoint
- Return proper agency information
- Adjust Agency info card rendering in search results

Author: jamesg8025

frontend/app/search/SearchResults.tsx

@@ -36,9 +36,9 @@ const SearchResults = ({ total, results }: SearchResultsProps) => {
     setAgencyLoading(true)
     try {
       // search by name for now
-      const reponse = await searchAgencies({ name: currentQuery })
-      setAgencyResults(Response.results || [])
-      setAgencyTotal(Response.total || 0)
+      const response = await searchAgencies({ name: currentQuery })
+      setAgencyResults(response.results || [])
+      setAgencyTotal(response.total || 0)
     } catch (error) {
       console.error('Agency search failed:', error)
       setAgencyResults([])
@@ -113,6 +113,7 @@ const SearchResults = ({ total, results }: SearchResultsProps) => {
               />
             ))}
           </CustomTabPanel>
+
           <CustomTabPanel value={tab} index={3}>
             {agencyLoading ? (
               <Typography>Searching agencies...</Typography>
@@ -122,17 +123,16 @@ const SearchResults = ({ total, results }: SearchResultsProps) => {
                   {agencyTotal} agency results
                 </Typography>
                 {agencyResults.map((result) => (
-            
                 <CardHeader
                 key={result.uid}
-                title={result.title}
-                subheader={result.subtitle}
+                title={result.name}
+                subheader={`${result.hq_city || 'Unknown City'}, ${result.hq_state || 'Unknown State'}`}
                 slotProps={{ subheader: { fontWeight: "bold", color: "#000" } }}
                 action={
                   <Box sx={{ display: "flex", gap: "1rem" }}>
-                    <span style={{ fontSize: "12px", color: "#666" }}>{result.content_type}</span>
-                    <span style={{ fontSize: "12px", color: "#666" }}>{result.source}</span>
-                    <span style={{ fontSize: "12px", color: "#666" }}>{result.last_updated}</span>
+                    <span style={{ fontSize: "12px", color: "#666" }}>Agency</span>
+                    {result.jurisdiction && <span style={{ fontSize: "12px", color: "#666" }}>{result.jurisdiction}</span>}
+                    {result.website_url && <span style={{ fontSize: "12px", color: "#666" }}>{result.website_url}</span>}
                   </Box>
                 }
                 sx={{

frontend/utils/api.ts

@@ -137,12 +137,31 @@ export interface AgenciesRequest extends AuthenticatedRequest {
 
 export interface AgencyResponse {
   uid: string
-  title: string
-  subtitle: string
-  content_type: string
-  source: string
-  last_updated: string
-  // Could add other agency-specific fields here as needed
+  name: string
+  website_url?: string | null
+  hq_address?: string | null
+  hq_city?: string | null
+  hq_state?: string | null
+  hq_zip?: string | null
+  phone?: string | null
+  email?: string | null
+  description?: string | null
+  jurisdiction?: string | null
+  units?: Array<{
+    uid: string
+    name: string
+    website_url?: string | null
+    phone?: string | null
+    email?: string | null
+    description?: string | null
+    address?: string | null
+    city?: string | null
+    state?: string | null
+    zip?: string | null
+    agency_url?: string | null
+    officers_url?: string | null
+    date_established?: string | null
+  }>
 }
 
 export type AgenciesApiResponse = {

frontend/utils/apiRoutes.ts

@@ -15,7 +15,7 @@ const API_ROUTES = {
     self: "/users/self"
   },
 
-  agencies: "/agencies"
+  agencies: "/agencies/"
 
 }