From b3b0f947fd3dfdcce6cd35fc2604d152dfdca626 Mon Sep 17 00:00:00 2001
From: BeneficialVast1048 <BeneficialVast1048@users.noreply.github.com>
Date: Thu, 21 May 2026 23:10:05 -0500
Subject: [PATCH 1/2] feat: add global search

---
 frontend/src/components/Common/Navbar.tsx | 40 +++++++++++++++------
 frontend/src/routes/_layout/admin.tsx     | 43 ++++++++++++++++++++---
 frontend/src/routes/_layout/items.tsx     | 42 ++++++++++++++++++----
 3 files changed, 102 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/Common/Navbar.tsx b/frontend/src/components/Common/Navbar.tsx
index edcb3d0..7239e6d 100644
--- a/frontend/src/components/Common/Navbar.tsx
+++ b/frontend/src/components/Common/Navbar.tsx
@@ -1,27 +1,45 @@
-import { Button, Flex, Icon, useDisclosure } from "@chakra-ui/react"
-import { FaPlus } from "react-icons/fa"
+import {
+  Button,
+  Flex,
+  Icon,
+  Input,
+  InputGroup,
+  InputLeftElement,
+  useDisclosure,
+} from "@chakra-ui/react"
+import { FaPlus, FaSearch } from "react-icons/fa"
 
 import AddUser from "../Admin/AddUser"
 import AddItem from "../Items/AddItem"
 
 interface NavbarProps {
   type: string
+  searchValue?: string
+  onSearchChange?: (value: string) => void
 }
 
-const Navbar = ({ type }: NavbarProps) => {
+const Navbar = ({ type, searchValue, onSearchChange }: NavbarProps) => {
   const addUserModal = useDisclosure()
   const addItemModal = useDisclosure()
 
   return (
     <>
-      <Flex py={8} gap={4}>
-        {/* TODO: Complete search functionality */}
-        {/* <InputGroup w={{ base: '100%', md: 'auto' }}>
-                    <InputLeftElement pointerEvents='none'>
-                        <Icon as={FaSearch} color='ui.dim' />
-                    </InputLeftElement>
-                    <Input type='text' placeholder='Search' fontSize={{ base: 'sm', md: 'inherit' }} borderRadius='8px' />
-                </InputGroup> */}
+      <Flex py={8} gap={4} flexWrap="wrap">
+        {onSearchChange && (
+          <InputGroup w={{ base: "100%", md: "sm" }}>
+            <InputLeftElement pointerEvents="none">
+              <Icon as={FaSearch} color="ui.dim" />
+            </InputLeftElement>
+            <Input
+              type="search"
+              value={searchValue ?? ""}
+              placeholder={`Search ${type.toLowerCase()}s`}
+              fontSize={{ base: "sm", md: "inherit" }}
+              borderRadius="8px"
+              onChange={(event) => onSearchChange(event.target.value)}
+            />
+          </InputGroup>
+        )}
         <Button
           variant="primary"
           gap={1}
diff --git a/frontend/src/routes/_layout/admin.tsx b/frontend/src/routes/_layout/admin.tsx
index 800317b..9d5a931 100644
--- a/frontend/src/routes/_layout/admin.tsx
+++ b/frontend/src/routes/_layout/admin.tsx
@@ -9,6 +9,7 @@ import {
   TableContainer,
   Tbody,
   Td,
+  Text,
   Th,
   Thead,
   Tr,
@@ -16,7 +17,7 @@ import {
 import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query"
 import { createFileRoute } from "@tanstack/react-router"
 
-import { Suspense } from "react"
+import { Suspense, useMemo, useState } from "react"
 import { type UserPublic, UsersService } from "../../client"
 import ActionsMenu from "../../components/Common/ActionsMenu"
 import Navbar from "../../components/Common/Navbar"
@@ -25,7 +26,7 @@ export const Route = createFileRoute("/_layout/admin")({
   component: Admin,
 })
 
-const MembersTableBody = () => {
+const MembersTableBody = ({ searchQuery }: { searchQuery: string }) => {
   const queryClient = useQueryClient()
   const currentUser = queryClient.getQueryData<UserPublic>(["currentUser"])
 
@@ -34,9 +35,35 @@ const MembersTableBody = () => {
     queryFn: () => UsersService.readUsers({}),
   })
 
+  const filteredUsers = useMemo(() => {
+    const query = searchQuery.trim().toLowerCase()
+
+    if (!query) {
+      return users.data
+    }
+
+    return users.data.filter((user) =>
+      [
+        user.full_name,
+        user.email,
+        user.is_superuser ? "superuser" : "user",
+        user.is_active ? "active" : "inactive",
+      ]
+        .filter(Boolean)
+        .some((value) => String(value).toLowerCase().includes(query)),
+    )
+  }, [users.data, searchQuery])
+
   return (
     <Tbody>
-      {users.data.map((user) => (
+      {filteredUsers.length === 0 && (
+        <Tr>
+          <Td colSpan={5}>
+            <Text color="ui.dim">No users found.</Text>
+          </Td>
+        </Tr>
+      )}
+      {filteredUsers.map((user) => (
         <Tr key={user.id}>
           <Td color={!user.full_name ? "ui.dim" : "inherit"}>
             {user.full_name || "N/A"}
@@ -88,12 +115,18 @@ const MembersBodySkeleton = () => {
 }
 
 function Admin() {
+  const [searchQuery, setSearchQuery] = useState("")
+
   return (
     <Container maxW="full">
       <Heading size="lg" textAlign={{ base: "center", md: "left" }} pt={12}>
         User Management
       </Heading>
-      <Navbar type={"User"} />
+      <Navbar
+        type={"User"}
+        searchValue={searchQuery}
+        onSearchChange={setSearchQuery}
+      />
       <TableContainer>
         <Table fontSize="md" size={{ base: "sm", md: "md" }}>
           <Thead>
@@ -106,7 +139,7 @@ function Admin() {
             </Tr>
           </Thead>
           <Suspense fallback={<MembersBodySkeleton />}>
-            <MembersTableBody />
+            <MembersTableBody searchQuery={searchQuery} />
           </Suspense>
         </Table>
       </TableContainer>
diff --git a/frontend/src/routes/_layout/items.tsx b/frontend/src/routes/_layout/items.tsx
index 1f53d27..312a1b3 100644
--- a/frontend/src/routes/_layout/items.tsx
+++ b/frontend/src/routes/_layout/items.tsx
@@ -7,6 +7,7 @@ import {
   TableContainer,
   Tbody,
   Td,
+  Text,
   Th,
   Thead,
   Tr,
@@ -14,7 +15,7 @@ import {
 import { useSuspenseQuery } from "@tanstack/react-query"
 import { createFileRoute } from "@tanstack/react-router"
 
-import { Suspense } from "react"
+import { Suspense, useMemo, useState } from "react"
 import { ErrorBoundary } from "react-error-boundary"
 import { ItemsService } from "../../client"
 import ActionsMenu from "../../components/Common/ActionsMenu"
@@ -24,15 +25,36 @@ export const Route = createFileRoute("/_layout/items")({
   component: Items,
 })
 
-function ItemsTableBody() {
+function ItemsTableBody({ searchQuery }: { searchQuery: string }) {
   const { data: items } = useSuspenseQuery({
     queryKey: ["items"],
     queryFn: () => ItemsService.readItems({}),
   })
 
+  const filteredItems = useMemo(() => {
+    const query = searchQuery.trim().toLowerCase()
+
+    if (!query) {
+      return items.data
+    }
+
+    return items.data.filter((item) =>
+      [item.id, item.title, item.description]
+        .filter(Boolean)
+        .some((value) => String(value).toLowerCase().includes(query)),
+    )
+  }, [items.data, searchQuery])
+
   return (
     <Tbody>
-      {items.data.map((item) => (
+      {filteredItems.length === 0 && (
+        <Tr>
+          <Td colSpan={4}>
+            <Text color="ui.dim">No items found.</Text>
+          </Td>
+        </Tr>
+      )}
+      {filteredItems.map((item) => (
         <Tr key={item.id}>
           <Td>{item.id}</Td>
           <Td>{item.title}</Td>
@@ -47,7 +69,7 @@ function ItemsTableBody() {
     </Tbody>
   )
 }
-function ItemsTable() {
+function ItemsTable({ searchQuery }: { searchQuery: string }) {
   return (
     <TableContainer>
       <Table size={{ base: "sm", md: "md" }}>
@@ -85,7 +107,7 @@ function ItemsTable() {
               </Tbody>
             }
           >
-            <ItemsTableBody />
+            <ItemsTableBody searchQuery={searchQuery} />
           </Suspense>
         </ErrorBoundary>
       </Table>
@@ -94,14 +116,20 @@ function ItemsTable() {
 }
 
 function Items() {
+  const [searchQuery, setSearchQuery] = useState("")
+
   return (
     <Container maxW="full">
       <Heading size="lg" textAlign={{ base: "center", md: "left" }} pt={12}>
         Items Management
       </Heading>
 
-      <Navbar type={"Item"} />
-      <ItemsTable />
+      <Navbar
+        type={"Item"}
+        searchValue={searchQuery}
+        onSearchChange={setSearchQuery}
+      />
+      <ItemsTable searchQuery={searchQuery} />
     </Container>
   )
 }

From 65a89a00626da6b6197a403cc1336b41cf82e7fb Mon Sep 17 00:00:00 2001
From: BeneficialVast1048 <BeneficialVast1048@users.noreply.github.com>
Date: Fri, 22 May 2026 00:03:10 -0500
Subject: [PATCH 2/2] feat: add authenticated global search endpoint

---
 backend/app/api/main.py                       |   3 +-
 backend/app/api/routes/search.py              |  64 +++++++
 backend/app/models.py                         |   7 +
 backend/app/tests/api/routes/test_search.py   |  71 ++++++++
 frontend/src/client/models.ts                 |   9 +
 frontend/src/client/services.ts               |  37 ++++-
 .../src/components/Common/SidebarItems.tsx    |   9 +-
 frontend/src/routeTree.gen.ts                 |  11 ++
 frontend/src/routes/_layout/search.tsx        | 157 ++++++++++++++++++
 9 files changed, 364 insertions(+), 4 deletions(-)
 create mode 100644 backend/app/api/routes/search.py
 create mode 100644 backend/app/tests/api/routes/test_search.py
 create mode 100644 frontend/src/routes/_layout/search.tsx

diff --git a/backend/app/api/main.py b/backend/app/api/main.py
index 09e0663..de2ba9f 100644
--- a/backend/app/api/main.py
+++ b/backend/app/api/main.py
@@ -1,9 +1,10 @@
 from fastapi import APIRouter
 
-from app.api.routes import items, login, users, utils
+from app.api.routes import items, login, search, users, utils
 
 api_router = APIRouter()
 api_router.include_router(login.router, tags=["login"])
 api_router.include_router(users.router, prefix="/users", tags=["users"])
 api_router.include_router(utils.router, prefix="/utils", tags=["utils"])
 api_router.include_router(items.router, prefix="/items", tags=["items"])
+api_router.include_router(search.router, prefix="/search", tags=["search"])
diff --git a/backend/app/api/routes/search.py b/backend/app/api/routes/search.py
new file mode 100644
index 0000000..9b62240
--- /dev/null
+++ b/backend/app/api/routes/search.py
@@ -0,0 +1,64 @@
+from typing import Any
+
+from fastapi import APIRouter
+from sqlalchemy import or_
+from sqlmodel import col, func, select
+
+from app.api.deps import CurrentUser, SessionDep
+from app.models import Item, SearchResultsPublic, User
+
+router = APIRouter()
+
+
+@router.get("/", response_model=SearchResultsPublic)
+def global_search(
+    session: SessionDep,
+    current_user: CurrentUser,
+    q: str,
+    limit: int = 10,
+) -> Any:
+    """
+    Search items visible to the current user and users visible to superusers.
+    """
+    query = q.strip()
+    if not query:
+        return SearchResultsPublic(items=[], users=[], item_count=0, user_count=0)
+
+    safe_limit = min(max(limit, 1), 50)
+    pattern = f"%{query}%"
+    item_filter = or_(
+        col(Item.title).ilike(pattern),
+        col(Item.description).ilike(pattern),
+    )
+
+    item_count_statement = select(func.count()).select_from(Item).where(item_filter)
+    item_statement = select(Item).where(item_filter).limit(safe_limit)
+
+    if not current_user.is_superuser:
+        item_count_statement = item_count_statement.where(
+            Item.owner_id == current_user.id
+        )
+        item_statement = item_statement.where(Item.owner_id == current_user.id)
+
+    item_count = session.exec(item_count_statement).one()
+    items = session.exec(item_statement).all()
+
+    users = []
+    user_count = 0
+    if current_user.is_superuser:
+        user_filter = or_(
+            col(User.email).ilike(pattern),
+            col(User.full_name).ilike(pattern),
+        )
+        user_count = (
+            session.exec(select(func.count()).select_from(User).where(user_filter))
+            .one()
+        )
+        users = session.exec(select(User).where(user_filter).limit(safe_limit)).all()
+
+    return SearchResultsPublic(
+        items=items,
+        users=users,
+        item_count=item_count,
+        user_count=user_count,
+    )
diff --git a/backend/app/models.py b/backend/app/models.py
index 8e74fea..fda6a78 100644
--- a/backend/app/models.py
+++ b/backend/app/models.py
@@ -92,6 +92,13 @@ class ItemsPublic(SQLModel):
     count: int
 
 
+class SearchResultsPublic(SQLModel):
+    items: list[ItemPublic]
+    users: list[UserPublic]
+    item_count: int
+    user_count: int
+
+
 # Generic message
 class Message(SQLModel):
     message: str
diff --git a/backend/app/tests/api/routes/test_search.py b/backend/app/tests/api/routes/test_search.py
new file mode 100644
index 0000000..dcead67
--- /dev/null
+++ b/backend/app/tests/api/routes/test_search.py
@@ -0,0 +1,71 @@
+from fastapi.testclient import TestClient
+from sqlmodel import Session
+
+from app import crud
+from app.core.config import settings
+from app.models import ItemCreate, UserCreate
+from app.tests.utils.user import create_random_user
+from app.tests.utils.utils import random_email, random_lower_string
+
+
+def test_search_items_scoped_to_normal_user(
+    client: TestClient, normal_user_token_headers: dict[str, str], db: Session
+) -> None:
+    normal_user = crud.get_user_by_email(session=db, email=settings.EMAIL_TEST_USER)
+    assert normal_user
+    assert normal_user.id is not None
+
+    own_item = crud.create_item(
+        session=db,
+        item_in=ItemCreate(
+            title="Scoped Alpha Result",
+            description="Visible to the normal user",
+        ),
+        owner_id=normal_user.id,
+    )
+    other_user = create_random_user(db)
+    assert other_user.id is not None
+    other_item = crud.create_item(
+        session=db,
+        item_in=ItemCreate(
+            title="Scoped Alpha Secret",
+            description="Hidden from the normal user",
+        ),
+        owner_id=other_user.id,
+    )
+
+    response = client.get(
+        f"{settings.API_V1_STR}/search/?q=Scoped%20Alpha",
+        headers=normal_user_token_headers,
+    )
+
+    assert response.status_code == 200
+    content = response.json()
+    item_ids = {item["id"] for item in content["items"]}
+    assert own_item.id in item_ids
+    assert other_item.id not in item_ids
+    assert content["users"] == []
+    assert content["user_count"] == 0
+
+
+def test_search_superuser_includes_users(
+    client: TestClient, superuser_token_headers: dict[str, str], db: Session
+) -> None:
+    marker = random_lower_string()
+    email = f"{marker}@example.com"
+    user_in = UserCreate(
+        email=email,
+        password=random_lower_string(),
+        full_name=f"Search Target {marker}",
+    )
+    crud.create_user(session=db, user_create=user_in)
+
+    response = client.get(
+        f"{settings.API_V1_STR}/search/?q={marker}",
+        headers=superuser_token_headers,
+    )
+
+    assert response.status_code == 200
+    content = response.json()
+    assert any(user["email"] == email for user in content["users"])
+    assert content["user_count"] >= 1
diff --git a/frontend/src/client/models.ts b/frontend/src/client/models.ts
index 6732a18..5c29105 100644
--- a/frontend/src/client/models.ts
+++ b/frontend/src/client/models.ts
@@ -45,6 +45,15 @@ export type ItemsPublic = {
 
 
 
+export type SearchResultsPublic = {
+	items: Array<ItemPublic>;
+	users: Array<UserPublic>;
+	item_count: number;
+	user_count: number;
+};
+
+
+
 export type Message = {
 	message: string;
 };
diff --git a/frontend/src/client/services.ts b/frontend/src/client/services.ts
index 4ace1a4..20b4eef 100644
--- a/frontend/src/client/services.ts
+++ b/frontend/src/client/services.ts
@@ -2,7 +2,7 @@ import type { CancelablePromise } from './core/CancelablePromise';
 import { OpenAPI } from './core/OpenAPI';
 import { request as __request } from './core/request';
 
-import type { Body_login_login_access_token,Message,NewPassword,Token,UserPublic,UpdatePassword,UserCreate,UserRegister,UsersPublic,UserUpdate,UserUpdateMe,ItemCreate,ItemPublic,ItemsPublic,ItemUpdate } from './models';
+import type { Body_login_login_access_token,Message,NewPassword,Token,UserPublic,UpdatePassword,UserCreate,UserRegister,UsersPublic,UserUpdate,UserUpdateMe,ItemCreate,ItemPublic,ItemsPublic,ItemUpdate,SearchResultsPublic } from './models';
 
 export type TDataLoginAccessToken = {
                 formData: Body_login_login_access_token
@@ -383,6 +383,39 @@ emailTo,
 
 }
 
+export type TDataGlobalSearch = {
+                limit?: number
+q: string
+
+            }
+
+export class SearchService {
+
+	/**
+	 * Global Search
+	 * Search items visible to the current user and users visible to superusers.
+	 * @returns SearchResultsPublic Successful Response
+	 * @throws ApiError
+	 */
+	public static globalSearch(data: TDataGlobalSearch): CancelablePromise<SearchResultsPublic> {
+		const {
+limit = 10,
+q,
+} = data;
+		return __request(OpenAPI, {
+			method: 'GET',
+			url: '/api/v1/search/',
+			query: {
+				q, limit
+			},
+			errors: {
+				422: `Validation Error`,
+			},
+		});
+	}
+
+}
+
 export type TDataReadItems = {
                 limit?: number
 skip?: number
@@ -521,4 +554,4 @@ id,
 		});
 	}
 
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/Common/SidebarItems.tsx b/frontend/src/components/Common/SidebarItems.tsx
index 929e8f7..cf55a72 100644
--- a/frontend/src/components/Common/SidebarItems.tsx
+++ b/frontend/src/components/Common/SidebarItems.tsx
@@ -1,12 +1,19 @@
 import { Box, Flex, Icon, Text, useColorModeValue } from "@chakra-ui/react"
 import { useQueryClient } from "@tanstack/react-query"
 import { Link } from "@tanstack/react-router"
-import { FiBriefcase, FiHome, FiSettings, FiUsers } from "react-icons/fi"
+import {
+  FiBriefcase,
+  FiHome,
+  FiSearch,
+  FiSettings,
+  FiUsers,
+} from "react-icons/fi"
 
 import type { UserPublic } from "../../client"
 
 const items = [
   { icon: FiHome, title: "Dashboard", path: "/" },
+  { icon: FiSearch, title: "Search", path: "/search" },
   { icon: FiBriefcase, title: "Items", path: "/items" },
   { icon: FiSettings, title: "User Settings", path: "/settings" },
 ]
diff --git a/frontend/src/routeTree.gen.ts b/frontend/src/routeTree.gen.ts
index 395866a..36f1a2f 100644
--- a/frontend/src/routeTree.gen.ts
+++ b/frontend/src/routeTree.gen.ts
@@ -17,6 +17,7 @@ import { Route as LoginImport } from './routes/login'
 import { Route as LayoutImport } from './routes/_layout'
 import { Route as LayoutIndexImport } from './routes/_layout/index'
 import { Route as LayoutSettingsImport } from './routes/_layout/settings'
+import { Route as LayoutSearchImport } from './routes/_layout/search'
 import { Route as LayoutItemsImport } from './routes/_layout/items'
 import { Route as LayoutAdminImport } from './routes/_layout/admin'
 
@@ -52,6 +53,11 @@ const LayoutSettingsRoute = LayoutSettingsImport.update({
   getParentRoute: () => LayoutRoute,
 } as any)
 
+const LayoutSearchRoute = LayoutSearchImport.update({
+  path: '/search',
+  getParentRoute: () => LayoutRoute,
+} as any)
+
 const LayoutItemsRoute = LayoutItemsImport.update({
   path: '/items',
   getParentRoute: () => LayoutRoute,
@@ -90,6 +96,10 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LayoutItemsImport
       parentRoute: typeof LayoutImport
     }
+    '/_layout/search': {
+      preLoaderRoute: typeof LayoutSearchImport
+      parentRoute: typeof LayoutImport
+    }
     '/_layout/settings': {
       preLoaderRoute: typeof LayoutSettingsImport
       parentRoute: typeof LayoutImport
@@ -107,6 +117,7 @@ export const routeTree = rootRoute.addChildren([
   LayoutRoute.addChildren([
     LayoutAdminRoute,
     LayoutItemsRoute,
+    LayoutSearchRoute,
     LayoutSettingsRoute,
     LayoutIndexRoute,
   ]),
diff --git a/frontend/src/routes/_layout/search.tsx b/frontend/src/routes/_layout/search.tsx
new file mode 100644
index 0000000..f4e080c
--- /dev/null
+++ b/frontend/src/routes/_layout/search.tsx
@@ -0,0 +1,157 @@
+import {
+  Badge,
+  Box,
+  Container,
+  Heading,
+  Icon,
+  Input,
+  InputGroup,
+  InputLeftElement,
+  LinkBox,
+  LinkOverlay,
+  SimpleGrid,
+  Stack,
+  Text,
+} from "@chakra-ui/react"
+import { useQuery } from "@tanstack/react-query"
+import { Link, createFileRoute } from "@tanstack/react-router"
+import { useEffect, useState } from "react"
+import { FiBriefcase, FiSearch, FiUsers } from "react-icons/fi"
+
+import { SearchService } from "../../client"
+
+export const Route = createFileRoute("/_layout/search")({
+  component: GlobalSearch,
+})
+
+function ResultBox({
+  icon,
+  label,
+  title,
+  subtitle,
+  to,
+}: {
+  icon: typeof FiBriefcase
+  label: string
+  title: string
+  subtitle?: string | null
+  to: string
+}) {
+  return (
+    <LinkBox borderWidth="1px" borderColor="ui.light" borderRadius="8px" p={4}>
+      <Stack spacing={2}>
+        <Badge alignSelf="flex-start" colorScheme="teal">
+          <Icon as={icon} mr={1} />
+          {label}
+        </Badge>
+        <LinkOverlay as={Link} to={to}>
+          <Text fontWeight="semibold">{title}</Text>
+        </LinkOverlay>
+        {subtitle && <Text color="ui.dim">{subtitle}</Text>}
+      </Stack>
+    </LinkBox>
+  )
+}
+
+function GlobalSearch() {
+  const [query, setQuery] = useState("")
+  const [debouncedQuery, setDebouncedQuery] = useState("")
+
+  useEffect(() => {
+    const timeout = window.setTimeout(() => {
+      setDebouncedQuery(query.trim())
+    }, 250)
+
+    return () => window.clearTimeout(timeout)
+  }, [query])
+
+  const searchResults = useQuery({
+    queryKey: ["globalSearch", debouncedQuery],
+    queryFn: () => SearchService.globalSearch({ q: debouncedQuery, limit: 8 }),
+    enabled: debouncedQuery.length > 0,
+  })
+
+  const items = searchResults.data?.items ?? []
+  const users = searchResults.data?.users ?? []
+  const hasResults = items.length > 0 || users.length > 0
+
+  return (
+    <Container maxW="full">
+      <Box pt={12} m={4}>
+        <Heading size="lg" textAlign={{ base: "center", md: "left" }}>
+          Search
+        </Heading>
+
+        <InputGroup mt={8} maxW="xl">
+          <InputLeftElement pointerEvents="none">
+            <Icon as={FiSearch} color="ui.dim" />
+          </InputLeftElement>
+          <Input
+            autoFocus
+            type="search"
+            value={query}
+            placeholder="Search items and users"
+            borderRadius="8px"
+            onChange={(event) => setQuery(event.target.value)}
+          />
+        </InputGroup>
+
+        {debouncedQuery && searchResults.isLoading && (
+          <Text mt={6} color="ui.dim">
+            Searching...
+          </Text>
+        )}
+
+        {debouncedQuery && !searchResults.isLoading && !hasResults && (
+          <Text mt={6} color="ui.dim">
+            No results found.
+          </Text>
+        )}
+
+        {hasResults && (
+          <Stack mt={8} spacing={8}>
+            {items.length > 0 && (
+              <Box>
+                <Heading size="sm" mb={4}>
+                  Items
+                </Heading>
+                <SimpleGrid columns={{ base: 1, md: 2 }} spacing={4}>
+                  {items.map((item) => (
+                    <ResultBox
+                      key={item.id}
+                      icon={FiBriefcase}
+                      label="Item"
+                      title={item.title}
+                      subtitle={item.description}
+                      to="/items"
+                    />
+                  ))}
+                </SimpleGrid>
+              </Box>
+            )}
+
+            {users.length > 0 && (
+              <Box>
+                <Heading size="sm" mb={4}>
+                  Users
+                </Heading>
+                <SimpleGrid columns={{ base: 1, md: 2 }} spacing={4}>
+                  {users.map((user) => (
+                    <ResultBox
+                      key={user.id}
+                      icon={FiUsers}
+                      label="User"
+                      title={user.full_name || user.email}
+                      subtitle={user.email}
+                      to="/admin"
+                    />
+                  ))}
+                </SimpleGrid>
+              </Box>
+            )}
+          </Stack>
+        )}
+      </Box>
+    </Container>
+  )
+}