diff --git a/apps/frontend/src/api/apiClient.ts b/apps/frontend/src/api/apiClient.ts
index 25a96a7ba..cfd4e5c2a 100644
--- a/apps/frontend/src/api/apiClient.ts
+++ b/apps/frontend/src/api/apiClient.ts
@@ -20,6 +20,7 @@ import {
   OrderSummary,
   UserDto,
   OrderDetails,
+  ConfirmDeliveryDto,
 } from 'types/types';
 
 const defaultBaseUrl =
@@ -160,6 +161,12 @@ export class ApiClient {
       .then((response) => response.data);
   }
 
+  public async getPantryOrders(pantryId: number): Promise<OrderSummary[]> {
+    return this.axiosInstance
+      .get(`/api/pantries/${pantryId}/orders`)
+      .then((response) => response.data);
+  }
+
   public async getPantry(pantryId: number): Promise<Pantry> {
     return this.get(`/api/pantries/${pantryId}`) as Promise<Pantry>;
   }
@@ -213,6 +220,32 @@ export class ApiClient {
       .then((response) => response.data);
   }
 
+  public async confirmOrderDelivery(
+    orderId: number,
+    dto: ConfirmDeliveryDto,
+    photos: File[],
+  ): Promise<Order> {
+    const formData = new FormData();
+
+    // DTO fields
+    formData.append('dateReceived', dto.dateReceived);
+    if (dto.feedback) {
+      formData.append('feedback', dto.feedback);
+    }
+
+    // files (must be key = "photos")
+    for (const file of photos) {
+      formData.append('photos', file);
+    }
+
+    const { data } = await this.axiosInstance.patch(
+      `/api/orders/${orderId}/confirm-delivery`,
+      formData,
+    );
+
+    return data;
+  }
+
   public async postManufacturer(
     data: ManufacturerApplicationDto,
   ): Promise<AxiosResponse<void>> {
diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
index c844de298..540a173c5 100644
--- a/apps/frontend/src/app.tsx
+++ b/apps/frontend/src/app.tsx
@@ -27,6 +27,7 @@ import ForgotPasswordPage from '@containers/forgotPasswordPage';
 import ProtectedRoute from '@components/protectedRoute';
 import Unauthorized from '@containers/unauthorized';
 import { Authenticator } from '@aws-amplify/ui-react';
+import PantryOrderManagement from '@containers/pantryOrderManagement';
 import FoodManufacturerApplication from '@containers/foodManufacturerApplication';
 import { submitManufacturerApplicationForm } from '@components/forms/manufacturerApplicationForm';
 
@@ -198,6 +199,14 @@ const router = createBrowserRouter([
           </ProtectedRoute>
         ),
       },
+      {
+        path: '/pantry-order-management',
+        element: (
+          <ProtectedRoute>
+            <PantryOrderManagement />
+          </ProtectedRoute>
+        ),
+      },
       {
         path: '/confirm-delivery',
         action: submitDeliveryConfirmationFormModal,
diff --git a/apps/frontend/src/chakra-ui.d.ts b/apps/frontend/src/chakra-ui.d.ts
index d4db3faea..175a19c79 100644
--- a/apps/frontend/src/chakra-ui.d.ts
+++ b/apps/frontend/src/chakra-ui.d.ts
@@ -33,6 +33,10 @@ declare module '@chakra-ui/react' {
     extends ComponentPropsStrictChildren {}
   export interface MenuRadioItemProps extends ComponentPropsLenientChildren {}
 
+  // FileUpload components
+  export interface FileUploadDropzoneProps
+    extends ComponentPropsLenientChildren {}
+
   // Dialog components
   export interface DialogCloseTriggerProps
     extends ComponentPropsStrictChildren {}
diff --git a/apps/frontend/src/components/forms/orderReceivedActionModal.tsx b/apps/frontend/src/components/forms/orderReceivedActionModal.tsx
new file mode 100644
index 000000000..2823d9c4a
--- /dev/null
+++ b/apps/frontend/src/components/forms/orderReceivedActionModal.tsx
@@ -0,0 +1,228 @@
+import React, { useState } from 'react';
+import {
+  Flex,
+  Button,
+  Textarea,
+  Text,
+  Dialog,
+  Box,
+  Field,
+  CloseButton,
+  Input,
+  FileUpload,
+  Icon,
+} from '@chakra-ui/react';
+import { Upload } from 'lucide-react';
+import { ConfirmDeliveryDto } from 'types/types';
+import apiClient from '@api/apiClient';
+
+interface OrderReceivedActionModalProps {
+  orderId: number;
+  isOpen: boolean;
+  onClose: () => void;
+  onSuccess: () => void;
+}
+
+const MAX_FILES = 10;
+
+const OrderReceivedActionModal: React.FC<OrderReceivedActionModalProps> = ({
+  orderId,
+  isOpen,
+  onClose,
+  onSuccess,
+}) => {
+  const [alertMessage, setAlertMessage] = useState<string>('');
+  const [feedback, setFeedback] = useState<string>('');
+  const [dateReceived, setDateReceived] = useState<string>('');
+  const [photos, setPhotos] = useState<File[]>([]);
+
+  const isFormValid = dateReceived !== '';
+
+  const resetForm = () => {
+    setAlertMessage('');
+    setFeedback('');
+    setDateReceived('');
+    setPhotos([]);
+  };
+
+  const handleSubmit = async () => {
+    try {
+      const dto: ConfirmDeliveryDto = {
+        dateReceived: new Date(dateReceived).toISOString(),
+        feedback: feedback,
+      };
+
+      await apiClient.confirmOrderDelivery(orderId, dto, photos);
+
+      setAlertMessage('Delivery Confirmed');
+      resetForm();
+      onSuccess();
+      onClose();
+    } catch (err) {
+      setAlertMessage('Delivery could not be confirmed.');
+      resetForm();
+      onClose();
+    }
+  };
+
+  return (
+    <Dialog.Root
+      open={isOpen}
+      size="xl"
+      onOpenChange={(e: { open: boolean }) => {
+        if (!e.open) onClose();
+      }}
+      closeOnInteractOutside
+    >
+      {alertMessage && (
+        // TODO: add Justin's alert component/uncomment below out and remove text component
+        // <FloatingAlert message={alertMessage} status="error" timeout={6000} />
+        <Text>{alertMessage}</Text>
+      )}
+      <Dialog.Backdrop />
+      <Dialog.Positioner>
+        <Dialog.Content maxW={650}>
+          <Dialog.Header pb={0} mt={2}>
+            <Dialog.Title
+              color="black"
+              fontSize="lg"
+              fontWeight={700}
+              fontFamily="inter"
+            >
+              Action Required
+            </Dialog.Title>
+          </Dialog.Header>
+          <Dialog.Body>
+            <Text
+              mb={5}
+              color="#52525B"
+              textStyle="p2"
+              pt={0}
+              mt={2}
+              textAlign={'left'}
+            >
+              As this order arrives, please confirm the donation receipt and
+              delivery of the order by filling out the details below.
+            </Text>
+            <Box>
+              <Field.Root required mb={4}>
+                <Field.Label>
+                  <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                    Date Received
+                  </Text>
+                </Field.Label>
+                <Input
+                  type="date"
+                  textStyle="p2"
+                  w="full"
+                  bg="white"
+                  borderColor="neutral.100"
+                  color="neutral.700"
+                  borderWidth="1px"
+                  borderRadius="4px"
+                  onChange={(e) => setDateReceived(e.target.value)}
+                  value={dateReceived}
+                />
+              </Field.Root>
+
+              <Field.Root mb={4}>
+                <Field.Label>
+                  <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                    Feedback
+                  </Text>
+                </Field.Label>
+                <Textarea
+                  pl={2.5}
+                  size="lg"
+                  textStyle="p2"
+                  color="neutral.800"
+                  borderColor="neutral.100"
+                  minH={150}
+                  value={feedback}
+                  onChange={(e) => {
+                    const inputText = e.target.value;
+                    const words = inputText.trim().split(/\s+/);
+
+                    if (words.length <= 250) {
+                      setFeedback(e.target.value);
+                    } else {
+                      alert('Exceeded word limit');
+                    }
+                  }}
+                />
+
+                <Field.HelperText color="neutral.600">
+                  Max 250 words
+                </Field.HelperText>
+              </Field.Root>
+
+              <Field.Root mb={4}>
+                <Field.Label>
+                  <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                    Photos
+                  </Text>
+                </Field.Label>
+                <FileUpload.Root
+                  accept={['image/png', 'image/jpeg', 'image/jpg']}
+                  alignItems="stretch"
+                  maxFiles={MAX_FILES}
+                  onFileChange={(e: any) => {
+                    const files: File[] = e?.acceptedFiles ?? [];
+                    setPhotos(files);
+                  }}
+                >
+                  <FileUpload.HiddenInput />
+                  <FileUpload.Dropzone
+                    borderColor="neutral.100"
+                    borderRadius="4px"
+                    borderStyle="solid"
+                    borderWidth="1px"
+                    minH="150px"
+                  >
+                    <Icon size="md" color="fg.muted">
+                      <Upload />
+                    </Icon>
+                    <FileUpload.DropzoneContent>
+                      <Box textStyle="p2" fontWeight={600}>
+                        Drag and drop here to upload
+                      </Box>
+                      <Box textStyle="p2" color="neutral.800">
+                        .png, .jpg up to 5MB
+                      </Box>
+                    </FileUpload.DropzoneContent>
+                  </FileUpload.Dropzone>
+                  <FileUpload.List clearable />
+                </FileUpload.Root>
+              </Field.Root>
+
+              <Flex justifyContent="flex-end" mt={4} gap={2}>
+                <Button
+                  onClick={onClose}
+                  bg={'white'}
+                  color={'black'}
+                  borderColor="neutral.100"
+                >
+                  Cancel
+                </Button>
+
+                <Button
+                  onClick={handleSubmit}
+                  bg={isFormValid ? '#213C4A' : 'neutral.400'}
+                  color={'white'}
+                  disabled={!isFormValid}
+                >
+                  Continue
+                </Button>
+              </Flex>
+            </Box>
+          </Dialog.Body>
+          <Dialog.CloseTrigger asChild>
+            <CloseButton size="lg" />
+          </Dialog.CloseTrigger>
+        </Dialog.Content>
+      </Dialog.Positioner>
+    </Dialog.Root>
+  );
+};
+
+export default OrderReceivedActionModal;
diff --git a/apps/frontend/src/containers/homepage.tsx b/apps/frontend/src/containers/homepage.tsx
index 74604c688..42742fa7c 100644
--- a/apps/frontend/src/containers/homepage.tsx
+++ b/apps/frontend/src/containers/homepage.tsx
@@ -52,6 +52,13 @@ const Homepage: React.FC = () => {
                 </RouterLink>
               </Link>
             </ListItem>
+            <ListItem textAlign="center">
+              <Link asChild color="teal.500">
+                <RouterLink to="/pantry-order-management">
+                  Pantry Order Management
+                </RouterLink>
+              </Link>
+            </ListItem>
           </List.Root>
         </Box>
 
diff --git a/apps/frontend/src/containers/pantryOrderManagement.tsx b/apps/frontend/src/containers/pantryOrderManagement.tsx
new file mode 100644
index 000000000..fb7a6acd0
--- /dev/null
+++ b/apps/frontend/src/containers/pantryOrderManagement.tsx
@@ -0,0 +1,589 @@
+import React, { useState, useEffect } from 'react';
+import {
+  Box,
+  Button,
+  Table,
+  Heading,
+  Pagination,
+  IconButton,
+  VStack,
+  ButtonGroup,
+} from '@chakra-ui/react';
+import {
+  ArrowDownUp,
+  ChevronRight,
+  ChevronLeft,
+  Mail,
+  CircleCheck,
+} from 'lucide-react';
+import { capitalize, formatDate } from '@utils/utils';
+import ApiClient from '@api/apiClient';
+import { OrderStatus, OrderSummary } from '../types/types';
+import OrderReceivedActionModal from '@components/forms/orderReceivedActionModal';
+
+type OrderWithColor = OrderSummary & { assigneeColor?: string };
+
+const PantryOrderManagement: React.FC = () => {
+  // State to hold orders grouped by status
+  const [statusOrders, setStatusOrders] = useState<
+    Record<OrderStatus, OrderWithColor[]>
+  >({
+    [OrderStatus.SHIPPED]: [],
+    [OrderStatus.PENDING]: [],
+    [OrderStatus.DELIVERED]: [],
+  });
+
+  // State to hold selected order for details modal TODO: will be used for order details modal
+  const [selectedOrderId, setSelectedOrderId] = useState<number | null>(null);
+
+  // State to hold selected order for action modal
+  const [selectedActionOrderId, setSelectedActionOrderId] = useState<
+    number | null
+  >(null);
+
+  // State to hold current page per status
+  const [currentPages, setCurrentPages] = useState<Record<OrderStatus, number>>(
+    {
+      [OrderStatus.SHIPPED]: 1,
+      [OrderStatus.PENDING]: 1,
+      [OrderStatus.DELIVERED]: 1,
+    },
+  );
+
+  // State to hold filter state per status
+  type FilterState = {
+    sortAsc: boolean;
+  };
+
+  // Record to store the filter state for each status
+  // selectedPantries represents the pantries selected in the filter
+  // searchPantry is the current search input for pantry filtering
+  // sortAsc indicates whether the sorting is ascending (oldest first) or descending (newest first)
+  // We store all these here to determine what orders to display for each status
+  const [filterStates, setFilterStates] = useState<
+    Record<OrderStatus, FilterState>
+  >({
+    [OrderStatus.SHIPPED]: {
+      sortAsc: true,
+    },
+    [OrderStatus.PENDING]: {
+      sortAsc: true,
+    },
+    [OrderStatus.DELIVERED]: {
+      sortAsc: true,
+    },
+  });
+
+  const STATUS_ORDER = [
+    OrderStatus.SHIPPED,
+    OrderStatus.PENDING,
+    OrderStatus.DELIVERED,
+  ];
+
+  // Color mapping for statuses
+  const STATUS_COLORS = new Map<OrderStatus, [string, string]>([
+    [OrderStatus.SHIPPED, ['#FEECD1', '#9C5D00']],
+    [OrderStatus.PENDING, ['#D5DCDF', '#2B4E60']],
+    [OrderStatus.DELIVERED, ['#D4EAED', '#19717D']],
+  ]);
+
+  const MAX_PER_STATUS = 5;
+
+  const fetchOrders = async () => {
+    try {
+      const pantryId = await ApiClient.getCurrentUserPantryId();
+      const data = await ApiClient.getPantryOrders(pantryId);
+
+      const grouped: Record<OrderStatus, OrderWithColor[]> = {
+        [OrderStatus.SHIPPED]: [],
+        [OrderStatus.PENDING]: [],
+        [OrderStatus.DELIVERED]: [],
+      };
+
+      for (const order of data) {
+        const status = order.status;
+
+        const orderWithColor: OrderWithColor = { ...order };
+
+        grouped[status].push(orderWithColor);
+      }
+
+      setStatusOrders(grouped);
+
+      // Initialize current page for each status
+      const initialPages: Record<OrderStatus, number> = {
+        [OrderStatus.SHIPPED]: 1,
+        [OrderStatus.PENDING]: 1,
+        [OrderStatus.DELIVERED]: 1,
+      };
+      setCurrentPages(initialPages);
+    } catch (error) {
+      alert('Error fetching orders: ' + error);
+    }
+  };
+
+  useEffect(() => {
+    fetchOrders();
+  }, []);
+
+  // Helper to reset page for a specific status
+  const resetPageForStatus = (status: OrderStatus) => {
+    setCurrentPages((prev) => ({ ...prev, [status]: 1 }));
+  };
+
+  const handlePageChange = (status: OrderStatus, page: number) => {
+    setCurrentPages((prev) => ({
+      ...prev,
+      [status]: page,
+    }));
+  };
+
+  return (
+    <Box p={12}>
+      <Heading textStyle="h1" color="gray.600" mb={8}>
+        Order Management
+      </Heading>
+
+      {STATUS_ORDER.map((status) => {
+        const allOrders = statusOrders[status] || [];
+        const filterState = filterStates[status];
+
+        // Apply filters and sorting to all orders
+        const filteredOrders = allOrders.sort((a, b) =>
+          filterState.sortAsc
+            ? a.createdAt.localeCompare(b.createdAt)
+            : b.createdAt.localeCompare(a.createdAt),
+        );
+
+        const totalFiltered = filteredOrders.length;
+        const currentPage = currentPages[status] || 1;
+        const displayedOrders = filteredOrders.slice(
+          (currentPage - 1) * MAX_PER_STATUS,
+          currentPage * MAX_PER_STATUS,
+        );
+
+        return (
+          <Box key={status} mb={12}>
+            <OrderStatusSection
+              orders={displayedOrders}
+              status={status}
+              colors={STATUS_COLORS.get(status)!}
+              selectedActionOrderId={selectedActionOrderId}
+              selectedOrderId={selectedOrderId}
+              onOrderSelect={setSelectedOrderId}
+              onOrderSelectForAction={setSelectedActionOrderId}
+              totalOrders={totalFiltered}
+              currentPage={currentPage}
+              onSuccess={fetchOrders}
+              onPageChange={(page) => handlePageChange(status, page)}
+              filterState={filterState}
+              onFilterChange={(newState: FilterState) =>
+                // Update filter state for the specific status
+                setFilterStates((prev) => {
+                  const prevSort = prev[status]?.sortAsc;
+                  if (prevSort !== newState.sortAsc) resetPageForStatus(status);
+                  return { ...prev, [status]: newState };
+                })
+              }
+            />
+          </Box>
+        );
+      })}
+    </Box>
+  );
+};
+
+interface OrderStatusSectionProps {
+  orders: OrderWithColor[];
+  status: OrderStatus;
+  colors: string[];
+  onOrderSelect: (orderId: number | null) => void;
+  onOrderSelectForAction: (orderId: number | null) => void;
+  selectedOrderId: number | null;
+  selectedActionOrderId: number | null;
+  totalOrders: number;
+  currentPage: number;
+  onSuccess: () => void;
+  onPageChange: (page: number) => void;
+  filterState: {
+    sortAsc: boolean;
+  };
+  onFilterChange: (newState: { sortAsc: boolean }) => void;
+}
+
+const OrderStatusSection: React.FC<OrderStatusSectionProps> = ({
+  orders,
+  status,
+  colors,
+  onOrderSelect,
+  onOrderSelectForAction,
+  selectedActionOrderId,
+  selectedOrderId,
+  totalOrders,
+  currentPage,
+  onPageChange,
+  filterState,
+  onFilterChange,
+  onSuccess,
+}) => {
+  const [isSortOpen, setIsSortOpen] = useState(false);
+
+  const MAX_PER_STATUS = 5;
+  const totalPages = Math.ceil(totalOrders / MAX_PER_STATUS);
+
+  const tableHeaderStyles = {
+    borderBottom: '1px solid',
+    borderColor: 'neutral.100',
+    color: 'neutral.800',
+    fontFamily: 'ibm',
+    fontWeight: '600',
+    fontSize: 'sm',
+  };
+
+  const tableCellStyles = {
+    borderBottom: '1px solid',
+    borderColor: 'neutral.100',
+    color: 'black',
+    fontFamily: "'Inter', sans-serif",
+    fontSize: 'sm',
+    py: 0,
+  };
+
+  return (
+    <Box>
+      <Box
+        display="inline-flex"
+        alignItems="center"
+        justifyContent="space-between"
+        backgroundColor={colors[0]}
+        p={3}
+        borderRadius="md"
+        minW="fit-content"
+      >
+        <Mail size={18} />
+        <Box
+          ml={3}
+          fontFamily="ibm"
+          fontSize="14px"
+          fontWeight="semibold"
+          color="neutral.700"
+        >
+          {capitalize(status)}
+        </Box>
+      </Box>
+
+      {orders.length === 0 ? (
+        <Box
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          textAlign="center"
+          fontFamily="'Inter', sans-serif"
+          fontSize="sm"
+          color="neutral.600"
+          py={10}
+          gap={2}
+        >
+          <Box mb={2}>
+            <CircleCheck size={24} color="#262626" />
+          </Box>
+          <Box fontWeight="600" fontSize="lg" color="neutral.800">
+            No Orders
+          </Box>
+          <Box color="neutral.700" fontWeight="400">
+            You have no {status.toLowerCase()} orders at this time.
+          </Box>
+        </Box>
+      ) : (
+        <>
+          <Box
+            display="flex"
+            justifyContent="flex-end"
+            alignItems="center"
+            mb={3}
+            position="relative"
+            fontFamily="'Inter', sans-serif"
+            gap={3}
+          >
+            <Box position="relative">
+              <Button
+                onClick={() => setIsSortOpen(!isSortOpen)}
+                variant="outline"
+                color="neutral.800"
+                fontWeight="semibold"
+                border="1px solid"
+                borderColor="neutral.200"
+                p={3}
+                size="sm"
+              >
+                <ArrowDownUp />
+                Sort
+              </Button>
+
+              {isSortOpen && (
+                <>
+                  <Box
+                    position="fixed"
+                    top={0}
+                    left={0}
+                    right={0}
+                    bottom={0}
+                    onClick={() => setIsSortOpen(false)}
+                    zIndex={10}
+                  />
+                  <Box
+                    position="absolute"
+                    top="100%"
+                    right={0}
+                    mt={2}
+                    bg="white"
+                    border="1px solid"
+                    borderColor="gray.200"
+                    borderRadius="md"
+                    boxShadow="lg"
+                    p={2}
+                    minW="120px"
+                    zIndex={20}
+                  >
+                    <VStack
+                      align="stretch"
+                      color="neutral.800"
+                      gap={1}
+                      fontSize="12px"
+                      fontFamily="Inter"
+                      fontWeight="500"
+                    >
+                      <Box
+                        cursor="pointer"
+                        px={2}
+                        py={1}
+                        _hover={{ bg: 'gray.100' }}
+                        onClick={() => {
+                          onFilterChange({ ...filterState, sortAsc: false });
+                          setIsSortOpen(false);
+                        }}
+                      >
+                        Newest
+                      </Box>
+                      <Box
+                        cursor="pointer"
+                        px={2}
+                        py={1}
+                        _hover={{ bg: 'gray.100' }}
+                        onClick={() => {
+                          onFilterChange({ ...filterState, sortAsc: true });
+                          setIsSortOpen(false);
+                        }}
+                      >
+                        Oldest
+                      </Box>
+                    </VStack>
+                  </Box>
+                </>
+              )}
+            </Box>
+          </Box>
+          <Table.Root>
+            <Table.Header>
+              <Table.Row>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="10%"
+                >
+                  Order #
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="18%"
+                >
+                  Status
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="7%"
+                  textAlign="center"
+                >
+                  Assignee
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="15%"
+                >
+                  Dates
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  textAlign="right"
+                  width="20%"
+                >
+                  Action Required
+                </Table.ColumnHeader>
+              </Table.Row>
+            </Table.Header>
+            <Table.Body>
+              {orders.map((order, index) => {
+                return (
+                  <Table.Row
+                    key={`${order.orderId}-${index}`}
+                    _hover={{ bg: 'gray.50' }}
+                  >
+                    <Table.Cell
+                      {...tableCellStyles}
+                      borderRight="1px solid"
+                      borderRightColor="neutral.100"
+                    >
+                      <Button
+                        variant="plain"
+                        fontWeight="400"
+                        textDecoration="underline"
+                        onClick={() => onOrderSelect(order.orderId)}
+                      >
+                        {order.orderId}
+                      </Button>
+                      {/* TODO: Add reusable order details modal here */}
+                    </Table.Cell>
+                    <Table.Cell
+                      {...tableCellStyles}
+                      borderRight="1px solid"
+                      borderRightColor="neutral.100"
+                    >
+                      <Box
+                        borderRadius="md"
+                        bg={colors[0]}
+                        color={colors[1]}
+                        display="inline-block"
+                        fontWeight="500"
+                        my={2}
+                        py={1}
+                        px={3}
+                      >
+                        {capitalize(order.status)}
+                      </Box>
+                    </Table.Cell>
+                    <Table.Cell
+                      {...tableCellStyles}
+                      borderRight="1px solid"
+                      borderRightColor="neutral.100"
+                    >
+                      {/* TODO: Add assignee column handling */}
+                    </Table.Cell>
+                    <Table.Cell
+                      {...tableCellStyles}
+                      textAlign="left"
+                      color="neutral.700"
+                      borderRight="1px solid"
+                      borderRightColor="neutral.100"
+                    >
+                      {formatDate(order.createdAt)}-
+                      {order.deliveredAt && formatDate(order.deliveredAt)}
+                    </Table.Cell>
+                    <Table.Cell
+                      {...tableCellStyles}
+                      textAlign="right"
+                      color="neutral.700"
+                      bgColor={
+                        order.status !== OrderStatus.SHIPPED
+                          ? 'neutral.50'
+                          : 'white'
+                      }
+                      pr={0}
+                    >
+                      {order.status === OrderStatus.SHIPPED && (
+                        <Button
+                          variant="plain"
+                          fontWeight="400"
+                          textDecoration="underline"
+                          onClick={() => onOrderSelectForAction(order.orderId)}
+                        >
+                          Complete Required Action
+                        </Button>
+                      )}
+                      {selectedActionOrderId === order.orderId && (
+                        <OrderReceivedActionModal
+                          orderId={order.orderId}
+                          isOpen={true}
+                          onClose={() => onOrderSelectForAction(null)}
+                          onSuccess={onSuccess}
+                        />
+                      )}
+                    </Table.Cell>
+                  </Table.Row>
+                );
+              })}
+            </Table.Body>
+          </Table.Root>
+
+          {totalPages > 1 && (
+            <Box mt={4}>
+              <Pagination.Root
+                count={totalOrders}
+                pageSize={MAX_PER_STATUS}
+                page={currentPage}
+                onPageChange={(e: { page: number }) => onPageChange(e.page)}
+              >
+                <ButtonGroup
+                  display="flex"
+                  justifyContent="center"
+                  alignItems="center"
+                  variant="outline"
+                  size="sm"
+                >
+                  <Pagination.PrevTrigger
+                    color="neutral.800"
+                    _hover={{ color: 'black' }}
+                    disabled={currentPage === 1}
+                  >
+                    <ChevronLeft
+                      size={16}
+                      style={{
+                        cursor: currentPage !== 1 ? 'pointer' : 'default',
+                      }}
+                    />
+                  </Pagination.PrevTrigger>
+
+                  <Pagination.Items
+                    render={(page) => (
+                      <IconButton
+                        borderColor={{
+                          base: 'neutral.100',
+                          _selected: 'neutral.600',
+                        }}
+                      >
+                        {page.value}
+                      </IconButton>
+                    )}
+                  />
+
+                  <Pagination.NextTrigger
+                    color="neutral.800"
+                    _hover={{ color: 'black' }}
+                    disabled={currentPage === totalPages}
+                  >
+                    <ChevronRight
+                      size={16}
+                      style={{
+                        cursor:
+                          currentPage !== totalPages ? 'pointer' : 'default',
+                      }}
+                    />
+                  </Pagination.NextTrigger>
+                </ButtonGroup>
+              </Pagination.Root>
+            </Box>
+          )}
+        </>
+      )}
+    </Box>
+  );
+};
+
+export default PantryOrderManagement;
diff --git a/apps/frontend/src/types/types.ts b/apps/frontend/src/types/types.ts
index f5555dc0a..a2772b11c 100644
--- a/apps/frontend/src/types/types.ts
+++ b/apps/frontend/src/types/types.ts
@@ -59,6 +59,11 @@ export interface Pantry {
   volunteers?: User[];
 }
 
+export interface ConfirmDeliveryDto {
+  dateReceived: string;
+  feedback?: string;
+}
+
 export interface PantryApplicationDto {
   contactFirstName: string;
   contactLastName: string;
@@ -217,6 +222,9 @@ export interface Order {
   allocations: Allocation[];
   trackingLink?: string;
   shippingCost?: number;
+  dateReceived?: string;
+  feedback?: string;
+  photos?: string[];
 }
 
 export interface OrderItemDetails {