diff --git a/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts b/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
index 204d32bd3..bc86024a5 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
@@ -246,4 +246,23 @@ describe('FoodManufacturersController', () => {
       expect(mockManufacturersService.deny).toHaveBeenCalledWith(1);
     });
   });
+
+  describe('getCurrentUserFoodManufacturerId', () => {
+    it('returns foodManufacturerId for authenticated user', async () => {
+      const req = { user: { id: 1 } };
+      const manufacturer: Partial<FoodManufacturer> = {
+        foodManufacturerId: 10,
+      };
+      mockManufacturersService.findByUserId.mockResolvedValueOnce(
+        manufacturer as FoodManufacturer,
+      );
+
+      const result = await controller.getCurrentUserFoodManufacturerId(
+        req as AuthenticatedRequest,
+      );
+
+      expect(result).toEqual(10);
+      expect(mockManufacturersService.findByUserId).toHaveBeenCalledWith(1);
+    });
+  });
 });
diff --git a/apps/backend/src/foodManufacturers/manufacturers.controller.ts b/apps/backend/src/foodManufacturers/manufacturers.controller.ts
index 198fcf412..8f2b352f3 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.controller.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.controller.ts
@@ -30,6 +30,17 @@ export class FoodManufacturersController {
     return this.foodManufacturersService.getPendingManufacturers();
   }
 
+  @Roles(Role.FOODMANUFACTURER)
+  @Get('/my-id')
+  async getCurrentUserFoodManufacturerId(
+    @Req() req: AuthenticatedRequest,
+  ): Promise<number> {
+    const manufacturer = await this.foodManufacturersService.findByUserId(
+      req.user.id,
+    );
+    return manufacturer.foodManufacturerId;
+  }
+
   @Get('/:foodManufacturerId')
   async getFoodManufacturer(
     @Param('foodManufacturerId', ParseIntPipe) foodManufacturerId: number,
diff --git a/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts b/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
index b972887ea..cd823bae3 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
@@ -528,6 +528,21 @@ describe('FoodManufacturersService', () => {
     });
   });
 
+  describe('findByUserId', () => {
+    it('findByUserId success', async () => {
+      const manufacturer = await service.findOne(1);
+      const userId = manufacturer.foodManufacturerRepresentative.id;
+      const result = await service.findByUserId(userId);
+      expect(result.foodManufacturerId).toBe(1);
+    });
+
+    it('findByUserId with non-existent user throws NotFoundException', async () => {
+      await expect(service.findByUserId(9999)).rejects.toThrow(
+        new NotFoundException('Food Manufacturer for User 9999 not found'),
+      );
+    });
+  });
+
   describe('getStats', () => {
     it('returns proper stats for manufacturer', async () => {
       const manufacturerId = 1;
diff --git a/apps/backend/src/foodManufacturers/manufacturers.service.ts b/apps/backend/src/foodManufacturers/manufacturers.service.ts
index ed93e6866..0c4c4b5b5 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.service.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.service.ts
@@ -57,6 +57,21 @@ export class FoodManufacturersService {
     return foodManufacturer;
   }
 
+  async findByUserId(userId: number): Promise<FoodManufacturer> {
+    validateId(userId, 'User');
+
+    const manufacturer = await this.repo.findOne({
+      where: { foodManufacturerRepresentative: { id: userId } },
+    });
+
+    if (!manufacturer) {
+      throw new NotFoundException(
+        `Food Manufacturer for User ${userId} not found`,
+      );
+    }
+    return manufacturer;
+  }
+
   async getFMDonations(
     foodManufacturerId: number,
     currentUserId: number,
diff --git a/apps/backend/src/pantries/dtos/update-pantry-application.dto.ts b/apps/backend/src/pantries/dtos/update-pantry-application.dto.ts
index efb1d9f6b..5dceb2a47 100644
--- a/apps/backend/src/pantries/dtos/update-pantry-application.dto.ts
+++ b/apps/backend/src/pantries/dtos/update-pantry-application.dto.ts
@@ -132,6 +132,15 @@ export class UpdatePantryApplicationDto {
   @MaxLength(255, { each: true })
   restrictions?: string[];
 
+  @IsBoolean()
+  @IsOptional()
+  acceptFoodDeliveries?: boolean;
+
+  @IsOptional()
+  @IsString()
+  @IsNotEmpty()
+  deliveryWindowInstructions?: string;
+
   @IsEnum(RefrigeratedDonation)
   @IsOptional()
   refrigeratedDonation?: RefrigeratedDonation;
@@ -140,6 +149,11 @@ export class UpdatePantryApplicationDto {
   @IsOptional()
   reserveFoodForAllergic?: ReserveFoodForAllergic;
 
+  @IsOptional()
+  @IsString()
+  @IsNotEmpty()
+  reservationExplanation?: string | null;
+
   @IsBoolean()
   @IsOptional()
   dedicatedAllergyFriendly?: boolean;
diff --git a/apps/frontend/src/api/apiClient.ts b/apps/frontend/src/api/apiClient.ts
index 127d77c1c..011e71ca3 100644
--- a/apps/frontend/src/api/apiClient.ts
+++ b/apps/frontend/src/api/apiClient.ts
@@ -29,6 +29,8 @@ import {
   PantryWithUser,
   Assignments,
   UpdateProfileFields,
+  UpdatePantryApplicationDto,
+  UpdateFoodManufacturerApplicationDto,
 } from 'types/types';
 
 const defaultBaseUrl =
@@ -330,6 +332,15 @@ export class ApiClient {
     });
   }
 
+  public async updatePantryApplication(
+    pantryId: number,
+    data: UpdatePantryApplicationDto,
+  ): Promise<Pantry> {
+    return this.axiosInstance
+      .patch(`/api/pantries/${pantryId}/update`, data)
+      .then((response) => response.data);
+  }
+
   public async updatePantry(
     pantryId: number,
     decision: 'approve' | 'deny',
@@ -366,6 +377,20 @@ export class ApiClient {
     return data as number;
   }
 
+  public async getCurrentUserFoodManufacturerId(): Promise<number> {
+    const data = await this.get('/api/manufacturers/my-id');
+    return data as number;
+  }
+
+  public async updateFoodManufacturerApplicationData(
+    manufacturerId: number,
+    data: UpdateFoodManufacturerApplicationDto,
+  ): Promise<FoodManufacturer> {
+    return this.axiosInstance
+      .patch(`/api/manufacturers/${manufacturerId}/application`, data)
+      .then((response) => response.data);
+  }
+
   public async getMe(): Promise<User> {
     const data = await this.get('/api/users/me');
     return data as User;
diff --git a/apps/frontend/src/components/forms/editableFMApplication.tsx b/apps/frontend/src/components/forms/editableFMApplication.tsx
new file mode 100644
index 000000000..178495f41
--- /dev/null
+++ b/apps/frontend/src/components/forms/editableFMApplication.tsx
@@ -0,0 +1,818 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+  Box,
+  Grid,
+  Text,
+  HStack,
+  VStack,
+  Center,
+  Input,
+  Button,
+  Textarea,
+  RadioGroup,
+  Stack,
+  NativeSelect,
+  NativeSelectIndicator,
+  Menu,
+} from '@chakra-ui/react';
+import { ChevronDownIcon } from 'lucide-react';
+import ApiClient from '@api/apiClient';
+import {
+  FoodManufacturer,
+  UpdateFoodManufacturerApplicationDto,
+} from '../../types/types';
+import {
+  Allergen,
+  DonateWastedFood,
+  ManufacturerAttribute,
+} from '../../types/manufacturerEnums';
+import { formatPhone } from '@utils/utils';
+import { TagGroup } from '@components/forms/tagGroup';
+import { USPhoneInput } from '@components/forms/usPhoneInput';
+
+// ---------------------------------------------------------------------------
+// Style constants
+// ---------------------------------------------------------------------------
+
+const fieldHeaderStyles = {
+  fontSize: '14px',
+  color: 'neutral.800' as const,
+  fontWeight: 600,
+  mb: 1,
+};
+
+const fieldContentStyles = {
+  fontSize: '14px',
+  color: 'neutral.800' as const,
+};
+
+const sectionLabelStyles = {
+  fontSize: '16px',
+  fontWeight: 600,
+  fontFamily: 'inter',
+  color: 'neutral.800' as const,
+  mb: 8,
+};
+
+const inputStyles = {
+  borderColor: 'neutral.100' as const,
+  color: 'neutral.600' as const,
+  size: 'sm' as const,
+};
+
+const allergenOptions = Object.values(Allergen);
+const donateWastedFoodOptions = Object.values(DonateWastedFood);
+const manufacturerAttributeOptions = Object.values(ManufacturerAttribute);
+
+// ---------------------------------------------------------------------------
+// Read-only sub-components
+// ---------------------------------------------------------------------------
+
+interface SectionProps {
+  title: string;
+  children: React.ReactNode;
+}
+const Section: React.FC<SectionProps> = ({ title, children }) => (
+  <Box>
+    <Text {...sectionLabelStyles}>{title}</Text>
+    {children}
+  </Box>
+);
+
+interface FieldProps {
+  label: string;
+  value?: string | null;
+  fallback?: string;
+}
+const Field: React.FC<FieldProps> = ({ label, value, fallback = '-' }) => (
+  <Box mb={10}>
+    <Text {...fieldHeaderStyles}>{label}</Text>
+    <Text {...fieldContentStyles}>{value || fallback}</Text>
+  </Box>
+);
+
+// Edit Mode Subcomponents
+interface EditFieldProps {
+  label: string;
+  name: string;
+  value: string;
+  onChange: (v: string) => void;
+  textarea?: boolean;
+  helperText?: string;
+  required?: boolean;
+}
+const EditField: React.FC<EditFieldProps> = ({
+  label,
+  name,
+  value,
+  onChange,
+  textarea,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    {textarea ? (
+      <Textarea
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+        autoresize
+        placeholder="-"
+      />
+    ) : (
+      <Input
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+      />
+    )}
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+interface EditRadioProps {
+  label: string;
+  name: string;
+  value: string;
+  options: string[];
+  onChange: (v: string) => void;
+  helperText?: string;
+  required?: boolean;
+}
+const EditRadio: React.FC<EditRadioProps> = ({
+  label,
+  name,
+  value,
+  options,
+  onChange,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={helperText ? 1 : 2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mb={2}>
+        {helperText}
+      </Text>
+    )}
+    <RadioGroup.Root
+      name={name}
+      value={value}
+      variant="solid"
+      colorPalette="neutral"
+      onValueChange={(e: { value: string }) => onChange(e.value)}
+    >
+      <Stack>
+        {options.map((opt) => (
+          <RadioGroup.Item key={opt} value={opt}>
+            <RadioGroup.ItemHiddenInput />
+            <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+              <RadioGroup.ItemIndicator
+                border="1px solid"
+                borderColor="neutral.100"
+              />
+            </RadioGroup.ItemControl>
+            <RadioGroup.ItemText color="neutral.700" textStyle="p2">
+              {opt}
+            </RadioGroup.ItemText>
+          </RadioGroup.Item>
+        ))}
+      </Stack>
+    </RadioGroup.Root>
+  </Box>
+);
+
+interface EditSelectProps {
+  label: string;
+  name: string;
+  value: string;
+  options: string[];
+  onChange: (v: string) => void;
+  helperText?: string;
+  required?: boolean;
+  placeholder?: string;
+}
+const EditSelect: React.FC<EditSelectProps> = ({
+  label,
+  name,
+  value,
+  options,
+  onChange,
+  helperText,
+  required,
+  placeholder,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    <NativeSelect.Root borderColor="neutral.100">
+      <NativeSelect.Field
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+      >
+        <option value="">{placeholder ?? 'Select an option'}</option>
+        {options.map((opt) => (
+          <option key={opt} value={opt}>
+            {opt}
+          </option>
+        ))}
+      </NativeSelect.Field>
+      <NativeSelectIndicator />
+    </NativeSelect.Root>
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+interface EditMultiSelectProps {
+  label: string;
+  value: string[];
+  options: string[];
+  onChange: (v: string[]) => void;
+  triggerLabel?: string;
+  helperText?: string;
+  required?: boolean;
+}
+const EditMultiSelect: React.FC<EditMultiSelectProps> = ({
+  label,
+  value,
+  options,
+  onChange,
+  triggerLabel,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    <Menu.Root closeOnSelect={false} colorPalette="neutral">
+      <Menu.Trigger asChild>
+        <Button
+          pl={3}
+          pr={2}
+          w="full"
+          bgColor="white"
+          color="neutral.800"
+          borderColor="neutral.100"
+          justifyContent="space-between"
+          textStyle="p2"
+          size="sm"
+          borderWidth="1px"
+          borderStyle="solid"
+        >
+          {value.length > 0 ? `Select more` : triggerLabel ?? 'Select options'}
+          <ChevronDownIcon />
+        </Button>
+      </Menu.Trigger>
+      <Menu.Positioner w="full">
+        <Menu.Content maxH="400px" overflowY="auto">
+          {options.map((opt) => (
+            <Menu.CheckboxItem
+              key={opt}
+              checked={value.includes(opt)}
+              onCheckedChange={(checked: boolean) =>
+                onChange(
+                  checked ? [...value, opt] : value.filter((i) => i !== opt),
+                )
+              }
+              display="flex"
+              alignItems="center"
+            >
+              <Box
+                position="absolute"
+                left={1}
+                ml={0.5}
+                w={5}
+                h={5}
+                borderWidth="1px"
+                borderRadius="4px"
+                borderColor="neutral.200"
+              />
+              <Menu.ItemIndicator />
+              <Text
+                ml={0.5}
+                color="neutral.800"
+                fontWeight={500}
+                fontFamily="Inter"
+              >
+                {opt}
+              </Text>
+            </Menu.CheckboxItem>
+          ))}
+        </Menu.Content>
+      </Menu.Positioner>
+    </Menu.Root>
+    {value.length > 0 && (
+      <TagGroup
+        values={value}
+        onRemove={(v) => onChange(value.filter((i) => i !== v))}
+        blueVariant
+      />
+    )}
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+type FormState = {
+  secondaryContactFirstName: string;
+  secondaryContactLastName: string;
+  secondaryContactEmail: string;
+  secondaryContactPhone: string;
+  foodManufacturerName: string;
+  foodManufacturerWebsite: string;
+  unlistedProductAllergens: string[];
+  facilityFreeAllergens: string[];
+  productsGlutenFree: string;
+  productsContainSulfites: string;
+  productsSustainableExplanation: string;
+  inKindDonations: string;
+  donateWastedFood: string;
+  manufacturerAttribute: string;
+  additionalComments: string;
+  newsletterSubscription: string;
+};
+
+function buildFormState(app: FoodManufacturer): FormState {
+  return {
+    secondaryContactFirstName: app.secondaryContactFirstName ?? '',
+    secondaryContactLastName: app.secondaryContactLastName ?? '',
+    secondaryContactEmail: app.secondaryContactEmail ?? '',
+    secondaryContactPhone: app.secondaryContactPhone ?? '',
+    foodManufacturerName: app.foodManufacturerName ?? '',
+    foodManufacturerWebsite: app.foodManufacturerWebsite ?? '',
+    unlistedProductAllergens: app.unlistedProductAllergens ?? [],
+    facilityFreeAllergens: app.facilityFreeAllergens ?? [],
+    productsGlutenFree: app.productsGlutenFree ? 'Yes, always' : 'No',
+    productsContainSulfites: app.productsContainSulfites ? 'Yes' : 'No',
+    productsSustainableExplanation: app.productsSustainableExplanation ?? '',
+    inKindDonations: app.inKindDonations ? 'Yes' : 'No',
+    donateWastedFood: app.donateWastedFood ?? '',
+    manufacturerAttribute: app.manufacturerAttribute ?? '',
+    additionalComments: app.additionalComments ?? '',
+    newsletterSubscription:
+      app.newsletterSubscription != null
+        ? app.newsletterSubscription
+          ? 'Yes'
+          : 'No'
+        : '',
+  };
+}
+
+function validateRequired(form: FormState): boolean {
+  if (!form.foodManufacturerName.trim()) return false;
+  if (!form.foodManufacturerWebsite.trim()) return false;
+  if (form.unlistedProductAllergens.length === 0) return false;
+  if (form.facilityFreeAllergens.length === 0) return false;
+  if (!form.productsGlutenFree) return false;
+  if (!form.productsContainSulfites) return false;
+  if (!form.productsSustainableExplanation.trim()) return false;
+  if (!form.inKindDonations) return false;
+  if (!form.donateWastedFood) return false;
+  return true;
+}
+
+interface EditableFMApplicationProps {
+  isEditing: boolean;
+  onEditingChange: (v: boolean) => void;
+}
+
+const EditableFMApplication: React.FC<EditableFMApplicationProps> = ({
+  isEditing,
+  onEditingChange,
+}) => {
+  const [application, setApplication] = useState<FoodManufacturer | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const [form, setForm] = useState<FormState | null>(null);
+
+  const fetchApplication = useCallback(async () => {
+    try {
+      const manufacturerId = await ApiClient.getCurrentUserFoodManufacturerId();
+      const data = await ApiClient.getFoodManufacturer(manufacturerId);
+      setApplication(data);
+      setForm(buildFormState(data));
+    } catch {
+      setError('Could not load application details. Please try again later.');
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchApplication();
+  }, [fetchApplication]);
+
+  useEffect(() => {
+    if (!isEditing && application) setForm(buildFormState(application));
+  }, [isEditing, application]);
+
+  const setField = (name: string, value: string) =>
+    setForm((prev) => (prev ? { ...prev, [name]: value } : prev));
+
+  const handleCancel = () => {
+    if (application) setForm(buildFormState(application));
+    onEditingChange(false);
+  };
+
+  const handleSave = async () => {
+    if (!form || !application) return;
+
+    if (!validateRequired(form)) {
+      setError('Please complete all required fields before saving.');
+      return;
+    }
+
+    setIsSaving(true);
+    setError(null);
+    try {
+      const formData: UpdateFoodManufacturerApplicationDto = {
+        secondaryContactFirstName: form.secondaryContactFirstName || undefined,
+        secondaryContactLastName: form.secondaryContactLastName || undefined,
+        secondaryContactEmail: form.secondaryContactEmail || undefined,
+        secondaryContactPhone: form.secondaryContactPhone || undefined,
+        foodManufacturerName: form.foodManufacturerName || undefined,
+        foodManufacturerWebsite: form.foodManufacturerWebsite || undefined,
+        unlistedProductAllergens: form.unlistedProductAllergens as Allergen[],
+        facilityFreeAllergens: form.facilityFreeAllergens as Allergen[],
+        productsGlutenFree: form.productsGlutenFree === 'Yes, always',
+        productsContainSulfites: form.productsContainSulfites === 'Yes',
+        productsSustainableExplanation:
+          form.productsSustainableExplanation || undefined,
+        inKindDonations: form.inKindDonations === 'Yes',
+        donateWastedFood:
+          (form.donateWastedFood as DonateWastedFood) || undefined,
+        manufacturerAttribute:
+          (form.manufacturerAttribute as ManufacturerAttribute) || undefined,
+        additionalComments: form.additionalComments || undefined,
+        newsletterSubscription: form.newsletterSubscription
+          ? form.newsletterSubscription === 'Yes'
+          : undefined,
+      };
+      const updated = await ApiClient.updateFoodManufacturerApplicationData(
+        application.foodManufacturerId,
+        formData,
+      );
+      const updatedWithRelations = {
+        ...application,
+        ...updated,
+        foodManufacturerRepresentative:
+          application.foodManufacturerRepresentative,
+        donations: application.donations,
+      };
+      setApplication(updatedWithRelations);
+      setForm(buildFormState(updatedWithRelations));
+      onEditingChange(false);
+    } catch {
+      setError('Failed to save changes. Please try again.');
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  if (!application || !form) {
+    return (
+      <Center py={16}>
+        <Text textStyle="p2" color="neutral.500">
+          {error ?? 'Application not found.'}
+        </Text>
+      </Center>
+    );
+  }
+
+  // Read-only view
+  if (!isEditing) {
+    return (
+      <VStack align="stretch" gap={10}>
+        <Section title="Secondary Point of Contact">
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="First Name"
+              value={application.secondaryContactFirstName}
+            />
+            <Field
+              label="Last Name"
+              value={application.secondaryContactLastName}
+            />
+            <Field
+              label="Email Address"
+              value={application.secondaryContactEmail}
+            />
+            <Field
+              label="Phone Number"
+              value={formatPhone(application.secondaryContactPhone)}
+            />
+          </Grid>
+        </Section>
+
+        <Section title="Company Information">
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="Company Name"
+              value={application.foodManufacturerName}
+            />
+            <Field
+              label="Company Website"
+              value={application.foodManufacturerWebsite}
+            />
+          </Grid>
+        </Section>
+
+        <Section title="Product Details">
+          <Box mb={10}>
+            <Text {...fieldHeaderStyles}>
+              Allergens not listed in product ingredients
+            </Text>
+            {application.unlistedProductAllergens?.length ? (
+              <TagGroup values={application.unlistedProductAllergens} />
+            ) : (
+              <Text {...fieldContentStyles}>-</Text>
+            )}
+          </Box>
+          <Box mb={10}>
+            <Text {...fieldHeaderStyles}>
+              Allergens that facilities are free from
+            </Text>
+            {application.facilityFreeAllergens?.length ? (
+              <TagGroup values={application.facilityFreeAllergens} />
+            ) : (
+              <Text {...fieldContentStyles}>-</Text>
+            )}
+          </Box>
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="Are products certified gluten-free"
+              value={application.productsGlutenFree ? 'Yes, always' : 'No'}
+            />
+            <Field
+              label="Does product contain sulfites?"
+              value={application.productsContainSulfites ? 'Yes' : 'No'}
+            />
+            <Field
+              label="Provides in-kind food donations"
+              value={application.inKindDonations ? 'Yes' : 'No'}
+            />
+            <Field
+              label="Donates food-rescue"
+              value={application.donateWastedFood}
+            />
+          </Grid>
+          <Field
+            label="Are your products sustainable or environmentally conscious?"
+            value={application.productsSustainableExplanation}
+          />
+          <Field label="Pantry is" value={application.manufacturerAttribute} />
+          <Field
+            label="Additional Information"
+            value={application.additionalComments}
+          />
+          <Field
+            label="Subscribed to Newsletter"
+            value={
+              application.newsletterSubscription != null
+                ? application.newsletterSubscription
+                  ? 'Yes'
+                  : 'No'
+                : undefined
+            }
+          />
+        </Section>
+      </VStack>
+    );
+  }
+
+  // Editing view
+  return (
+    <VStack align="stretch" gap={2}>
+      <Box mb={4}>
+        <Text {...sectionLabelStyles}>Secondary Point of Contact</Text>
+        <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+          <EditField
+            label="First Name"
+            name="secondaryContactFirstName"
+            value={form.secondaryContactFirstName}
+            onChange={(v) => setField('secondaryContactFirstName', v)}
+          />
+          <EditField
+            label="Last Name"
+            name="secondaryContactLastName"
+            value={form.secondaryContactLastName}
+            onChange={(v) => setField('secondaryContactLastName', v)}
+          />
+          <EditField
+            label="Email Address"
+            name="secondaryContactEmail"
+            value={form.secondaryContactEmail}
+            onChange={(v) => setField('secondaryContactEmail', v)}
+          />
+          <Box mb={6}>
+            <Text {...fieldHeaderStyles} mb={2}>
+              Phone Number
+            </Text>
+            <USPhoneInput
+              value={form.secondaryContactPhone}
+              onChange={(v) => setField('secondaryContactPhone', v)}
+              allowEmpty
+              inputProps={{
+                name: 'secondaryContactPhone',
+                borderColor: 'neutral.100',
+                color: 'neutral.600',
+                size: 'sm',
+              }}
+            />
+          </Box>
+        </Grid>
+      </Box>
+
+      <Box mb={4}>
+        <Text {...sectionLabelStyles}>Company Information</Text>
+        <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+          <EditField
+            label="Company Name"
+            name="foodManufacturerName"
+            value={form.foodManufacturerName}
+            onChange={(v) => setField('foodManufacturerName', v)}
+            required
+          />
+          <EditField
+            label="Company Website"
+            name="foodManufacturerWebsite"
+            value={form.foodManufacturerWebsite}
+            onChange={(v) => setField('foodManufacturerWebsite', v)}
+            required
+          />
+        </Grid>
+      </Box>
+
+      <Text {...sectionLabelStyles}>Product Details</Text>
+
+      <EditMultiSelect
+        label="Allergens not listed in product ingredients"
+        value={form.unlistedProductAllergens}
+        options={allergenOptions}
+        onChange={(v) =>
+          setForm((prev) =>
+            prev ? { ...prev, unlistedProductAllergens: v } : prev,
+          )
+        }
+        triggerLabel="Select allergens"
+        required
+      />
+
+      <EditMultiSelect
+        label="Allergens that facilities are free from"
+        value={form.facilityFreeAllergens}
+        options={allergenOptions}
+        onChange={(v) =>
+          setForm((prev) =>
+            prev ? { ...prev, facilityFreeAllergens: v } : prev,
+          )
+        }
+        triggerLabel="Select allergens"
+        required
+      />
+
+      <EditRadio
+        label="Are products certified gluten-free"
+        name="productsGlutenFree"
+        value={form.productsGlutenFree}
+        options={['Yes, always', 'No']}
+        onChange={(v) => setField('productsGlutenFree', v)}
+        required
+      />
+
+      <EditRadio
+        label="Does product contain sulfites?"
+        name="productsContainSulfites"
+        value={form.productsContainSulfites}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('productsContainSulfites', v)}
+        required
+      />
+
+      <EditRadio
+        label="Provides in-kind food donations"
+        name="inKindDonations"
+        value={form.inKindDonations}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('inKindDonations', v)}
+        required
+      />
+
+      <EditRadio
+        label="Donates food-rescue"
+        name="donateWastedFood"
+        value={form.donateWastedFood}
+        options={donateWastedFoodOptions}
+        onChange={(v) => setField('donateWastedFood', v)}
+        required
+      />
+
+      <EditField
+        label="Are your products sustainable or environmentally conscious?"
+        name="productsSustainableExplanation"
+        value={form.productsSustainableExplanation}
+        onChange={(v) => setField('productsSustainableExplanation', v)}
+        textarea
+        required
+      />
+
+      <EditSelect
+        label="Pantry is"
+        name="manufacturerAttribute"
+        value={form.manufacturerAttribute}
+        options={manufacturerAttributeOptions}
+        onChange={(v) => setField('manufacturerAttribute', v)}
+      />
+
+      <EditField
+        label="Additional Information"
+        name="additionalComments"
+        value={form.additionalComments}
+        onChange={(v) => setField('additionalComments', v)}
+        textarea
+      />
+
+      <EditRadio
+        label="Subscribed to Newsletter"
+        name="newsletterSubscription"
+        value={form.newsletterSubscription}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('newsletterSubscription', v)}
+      />
+
+      {error && (
+        <Text color="red" fontSize="14px" mb={2}>
+          {error}
+        </Text>
+      )}
+
+      <HStack justify="flex-end" gap={3} mt={6}>
+        <Button
+          variant="outline"
+          size="sm"
+          color="neutral.800"
+          onClick={handleCancel}
+          disabled={isSaving}
+          borderColor="neutral.200"
+          fontWeight={600}
+        >
+          Cancel
+        </Button>
+        <Button
+          color="white"
+          bg="blue.hover"
+          variant="solid"
+          size="sm"
+          px={7}
+          onClick={handleSave}
+          loading={isSaving}
+          fontWeight={600}
+        >
+          Save Changes
+        </Button>
+      </HStack>
+    </VStack>
+  );
+};
+
+export default EditableFMApplication;
diff --git a/apps/frontend/src/components/forms/editablePantryApplication.tsx b/apps/frontend/src/components/forms/editablePantryApplication.tsx
new file mode 100644
index 000000000..125b22bf4
--- /dev/null
+++ b/apps/frontend/src/components/forms/editablePantryApplication.tsx
@@ -0,0 +1,1102 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+  Box,
+  Grid,
+  GridItem,
+  Text,
+  HStack,
+  VStack,
+  Center,
+  Input,
+  Button,
+  Textarea,
+  RadioGroup,
+  Stack,
+  NativeSelect,
+  NativeSelectIndicator,
+  Menu,
+} from '@chakra-ui/react';
+import { ChevronDownIcon } from 'lucide-react';
+import ApiClient from '@api/apiClient';
+import { PantryWithUser, UpdatePantryApplicationDto } from '../../types/types';
+import { Activity } from '../../types/pantryEnums';
+import { formatPhone } from '@utils/utils';
+import { TagGroup } from '@components/forms/tagGroup';
+import { USPhoneInput } from '@components/forms/usPhoneInput';
+import {
+  dietaryRestrictionOptions,
+  activityOptions,
+} from '@components/forms/pantryApplicationForm';
+
+const fieldHeaderStyles = {
+  fontSize: '14px',
+  color: 'neutral.800' as const,
+  fontWeight: 600,
+  mb: 1,
+};
+
+const fieldContentStyles = {
+  fontSize: '14px',
+  color: 'neutral.800' as const,
+};
+
+const sectionLabelStyles = {
+  fontSize: '16px',
+  fontWeight: 600,
+  fontFamily: 'inter',
+  color: 'neutral.800' as const,
+  mb: 8,
+};
+
+const inputStyles = {
+  borderColor: 'neutral.100' as const,
+  color: 'neutral.600' as const,
+  size: 'sm' as const,
+};
+
+const allergenClientOptions = [
+  '< 10',
+  '10 to 20',
+  '20 to 50',
+  '50 to 100',
+  '> 100',
+  "I'm not sure",
+  'I have an exact number',
+];
+
+// Maps between stored Activity enum values and display strings shown in the form
+const activityDisplayMap: Record<string, string> = {
+  [Activity.CREATE_LABELED_SHELF]:
+    'Create a labeled, allergy-friendly shelf or shelves',
+  [Activity.PROVIDE_EDUCATIONAL_PAMPHLETS]:
+    'Provide clients and staff/volunteers with educational pamphlets',
+  [Activity.TRACK_DIETARY_NEEDS]:
+    "Use a spreadsheet to track clients' medical dietary needs and distribution of SSF items per month",
+  [Activity.POST_RESOURCE_FLYERS]:
+    'Post allergen-free resource flyers throughout pantry',
+  [Activity.SURVEY_CLIENTS]:
+    'Survey your clients to determine their medical dietary needs',
+  [Activity.COLLECT_FEEDBACK]:
+    'Collect feedback from allergen-avoidant clients on SSF foods',
+  [Activity.SOMETHING_ELSE]: 'Something else',
+};
+const activityStorageMap: Record<string, Activity> = Object.fromEntries(
+  Object.entries(activityDisplayMap).map(([k, v]) => [v, k as Activity]),
+);
+
+const clientVisitOptions = [
+  'Daily',
+  'More than once a week',
+  'Once a week',
+  'A few times a month',
+  'Once a month',
+];
+const identifyAllergensOptions = [
+  'Very confident',
+  'Somewhat confident',
+  'Not very confident (we need more education!)',
+];
+const serveChildrenOptions = ['Yes, many (> 10)', 'Yes, a few (< 10)', 'No'];
+
+// Read-only Mode Subcomponents
+interface SectionProps {
+  title: string;
+  children: React.ReactNode;
+}
+const Section: React.FC<SectionProps> = ({ title, children }) => (
+  <Box>
+    <Text {...sectionLabelStyles}>{title}</Text>
+    {children}
+  </Box>
+);
+
+interface FieldProps {
+  label: string;
+  value?: string | null;
+  fallback?: string;
+}
+const Field: React.FC<FieldProps> = ({ label, value, fallback = '-' }) => (
+  <Box mb={10}>
+    <Text {...fieldHeaderStyles}>{label}</Text>
+    <Text {...fieldContentStyles}>{value || fallback}</Text>
+  </Box>
+);
+
+interface AddressSectionProps {
+  title: string;
+  line1?: string | null;
+  line2?: string | null;
+  city?: string | null;
+  state?: string | null;
+  zip?: string | null;
+  country?: string | null;
+}
+const AddressSection: React.FC<AddressSectionProps> = ({
+  title,
+  line1,
+  line2,
+  city,
+  state,
+  zip,
+  country,
+}) => (
+  <Section title={title}>
+    <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+      <Field label="Address Line 1" value={line1} />
+      <Field label="Address Line 2" value={line2} />
+      <Field label="City/Town" value={city} />
+      <Field label="State/Region/Province" value={state} />
+      <Field label="Zip/Postal Code" value={zip} />
+      <Field
+        label="Country"
+        value={
+          country === 'US' ? 'United States of America' : country ?? undefined
+        }
+      />
+    </Grid>
+  </Section>
+);
+
+// Edit Mode Subcomponents
+interface EditFieldProps {
+  label: string;
+  name: string;
+  value: string;
+  onChange: (v: string) => void;
+  textarea?: boolean;
+  helperText?: string;
+  required?: boolean;
+}
+const EditField: React.FC<EditFieldProps> = ({
+  label,
+  name,
+  value,
+  onChange,
+  textarea,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    {textarea ? (
+      <Textarea
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+        autoresize
+        placeholder="-"
+      />
+    ) : (
+      <Input
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+      />
+    )}
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+interface EditRadioProps {
+  label: string;
+  name: string;
+  value: string;
+  options: string[];
+  onChange: (v: string) => void;
+  helperText?: string;
+  required?: boolean;
+}
+const EditRadio: React.FC<EditRadioProps> = ({
+  label,
+  name,
+  value,
+  options,
+  onChange,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={helperText ? 1 : 2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mb={2}>
+        {helperText}
+      </Text>
+    )}
+    <RadioGroup.Root
+      name={name}
+      value={value}
+      variant="solid"
+      colorPalette="neutral"
+      onValueChange={(e: { value: string }) => onChange(e.value)}
+    >
+      <Stack>
+        {options.map((opt) => (
+          <RadioGroup.Item key={opt} value={opt}>
+            <RadioGroup.ItemHiddenInput />
+            <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+              <RadioGroup.ItemIndicator
+                border="1px solid"
+                borderColor="neutral.100"
+              />
+            </RadioGroup.ItemControl>
+            <RadioGroup.ItemText color="neutral.700" textStyle="p2">
+              {opt}
+            </RadioGroup.ItemText>
+          </RadioGroup.Item>
+        ))}
+      </Stack>
+    </RadioGroup.Root>
+  </Box>
+);
+
+interface EditSelectProps {
+  label: string;
+  name: string;
+  value: string;
+  options: string[];
+  onChange: (v: string) => void;
+  helperText?: string;
+  required?: boolean;
+}
+const EditSelect: React.FC<EditSelectProps> = ({
+  label,
+  name,
+  value,
+  options,
+  onChange,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    <NativeSelect.Root borderColor="neutral.100">
+      <NativeSelect.Field
+        name={name}
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        {...inputStyles}
+      >
+        <option value="">Select an option</option>
+        {options.map((opt) => (
+          <option key={opt} value={opt}>
+            {opt}
+          </option>
+        ))}
+      </NativeSelect.Field>
+      <NativeSelectIndicator />
+    </NativeSelect.Root>
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+interface EditMultiSelectProps {
+  label: string;
+  value: string[];
+  options: string[];
+  onChange: (v: string[]) => void;
+  triggerLabel?: string;
+  helperText?: string;
+  required?: boolean;
+}
+const EditMultiSelect: React.FC<EditMultiSelectProps> = ({
+  label,
+  value,
+  options,
+  onChange,
+  triggerLabel,
+  helperText,
+  required,
+}) => (
+  <Box mb={6}>
+    <Text {...fieldHeaderStyles} mb={2}>
+      {label}
+      {required && (
+        <Text as="span" color="red" ml="1">
+          *
+        </Text>
+      )}
+    </Text>
+    <Menu.Root closeOnSelect={false} colorPalette="neutral">
+      <Menu.Trigger asChild>
+        <Button
+          pl={3}
+          pr={2}
+          w="full"
+          bgColor="white"
+          color="neutral.800"
+          borderColor="neutral.100"
+          justifyContent="space-between"
+          textStyle="p2"
+          size="sm"
+          borderWidth="1px"
+          borderStyle="solid"
+        >
+          {value.length > 0 ? `Select more` : triggerLabel ?? 'Select options'}
+          <ChevronDownIcon />
+        </Button>
+      </Menu.Trigger>
+      <Menu.Positioner w="full">
+        <Menu.Content maxH="400px" overflowY="auto">
+          {options.map((opt) => (
+            <Menu.CheckboxItem
+              key={opt}
+              checked={value.includes(opt)}
+              onCheckedChange={(checked: boolean) =>
+                onChange(
+                  checked ? [...value, opt] : value.filter((i) => i !== opt),
+                )
+              }
+              display="flex"
+              alignItems="center"
+            >
+              <Box
+                position="absolute"
+                left={1}
+                ml={0.5}
+                w={5}
+                h={5}
+                borderWidth="1px"
+                borderRadius="4px"
+                borderColor="neutral.200"
+              />
+              <Menu.ItemIndicator />
+              <Text
+                ml={0.5}
+                color="neutral.800"
+                fontWeight={500}
+                fontFamily="Inter"
+              >
+                {opt}
+              </Text>
+            </Menu.CheckboxItem>
+          ))}
+        </Menu.Content>
+      </Menu.Positioner>
+    </Menu.Root>
+    {value.length > 0 && (
+      <TagGroup
+        values={value}
+        onRemove={(v) => onChange(value.filter((i) => i !== v))}
+        blueVariant
+      />
+    )}
+    {helperText && (
+      <Text fontSize="13px" color="neutral.600" mt={1}>
+        {helperText}
+      </Text>
+    )}
+  </Box>
+);
+
+const ADDRESS_FIELDS = [
+  { suffix: 'Line1', label: 'Address Line 1' },
+  { suffix: 'Line2', label: 'Address Line 2' },
+  { suffix: 'City', label: 'City/Town' },
+  { suffix: 'State', label: 'State/Region/Province' },
+  { suffix: 'Zip', label: 'Zip/Postal Code' },
+  { suffix: 'Country', label: 'Country' },
+];
+
+interface EditAddressSectionProps {
+  title: string;
+  prefix: string;
+  form: { [key: string]: string | boolean | string[] };
+  onChange: (name: string, value: string) => void;
+}
+const EditAddressSection: React.FC<EditAddressSectionProps> = ({
+  title,
+  prefix,
+  form,
+  onChange,
+}) => {
+  const str = (key: string) => (form[key] as string) ?? '';
+  return (
+    <Box mb={6}>
+      <Text {...sectionLabelStyles}>{title}</Text>
+      <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+        {ADDRESS_FIELDS.map(({ suffix, label }) => (
+          <EditField
+            key={suffix}
+            label={label}
+            name={`${prefix}${suffix}`}
+            value={str(`${prefix}${suffix}`)}
+            onChange={(v) => onChange(`${prefix}${suffix}`, v)}
+          />
+        ))}
+      </Grid>
+    </Box>
+  );
+};
+
+type FormState = {
+  secondaryContactFirstName: string;
+  secondaryContactLastName: string;
+  secondaryContactEmail: string;
+  secondaryContactPhone: string;
+  shipmentLine1: string;
+  shipmentLine2: string;
+  shipmentCity: string;
+  shipmentState: string;
+  shipmentZip: string;
+  shipmentCountry: string;
+  mailingLine1: string;
+  mailingLine2: string;
+  mailingCity: string;
+  mailingState: string;
+  mailingZip: string;
+  mailingCountry: string;
+  acceptFoodDeliveries: string;
+  deliveryWindowInstructions: string;
+  restrictions: string[];
+  allergenClients: string;
+  allergenClientsExact: string;
+  refrigeratedDonation: string;
+  reserveFoodForAllergic: string;
+  reservationExplanation: string;
+  dedicatedAllergyFriendly: string;
+  clientVisitFrequency: string;
+  identifyAllergensConfidence: string;
+  serveAllergicChildren: string;
+  activities: string[];
+  activitiesComments: string;
+  itemsInStock: string;
+  needMoreOptions: string;
+  newsletterSubscription: string;
+};
+
+function buildFormState(app: PantryWithUser): FormState {
+  // If allergenClients is not one of the dropdown options it was entered as an exact number
+  const storedAllergenClients = app.allergenClients ?? '';
+  const isStandardAllergenOption = allergenClientOptions.includes(
+    storedAllergenClients,
+  );
+  return {
+    secondaryContactFirstName: app.secondaryContactFirstName ?? '',
+    secondaryContactLastName: app.secondaryContactLastName ?? '',
+    secondaryContactEmail: app.secondaryContactEmail ?? '',
+    secondaryContactPhone: app.secondaryContactPhone ?? '',
+    shipmentLine1: app.shipmentAddressLine1 ?? '',
+    shipmentLine2: app.shipmentAddressLine2 ?? '',
+    shipmentCity: app.shipmentAddressCity ?? '',
+    shipmentState: app.shipmentAddressState ?? '',
+    shipmentZip: app.shipmentAddressZip ?? '',
+    shipmentCountry: app.shipmentAddressCountry ?? '',
+    mailingLine1: app.mailingAddressLine1 ?? '',
+    mailingLine2: app.mailingAddressLine2 ?? '',
+    mailingCity: app.mailingAddressCity ?? '',
+    mailingState: app.mailingAddressState ?? '',
+    mailingZip: app.mailingAddressZip ?? '',
+    mailingCountry: app.mailingAddressCountry ?? '',
+    acceptFoodDeliveries: app.acceptFoodDeliveries ? 'Yes' : 'No',
+    deliveryWindowInstructions: app.deliveryWindowInstructions ?? '',
+    restrictions: app.restrictions ?? [],
+    allergenClients: isStandardAllergenOption
+      ? storedAllergenClients
+      : 'I have an exact number',
+    allergenClientsExact: isStandardAllergenOption ? '' : storedAllergenClients,
+    refrigeratedDonation: app.refrigeratedDonation ?? '',
+    reserveFoodForAllergic: app.reserveFoodForAllergic ?? '',
+    reservationExplanation: app.reservationExplanation ?? '',
+    dedicatedAllergyFriendly: app.dedicatedAllergyFriendly ? 'Yes' : 'No',
+    clientVisitFrequency: app.clientVisitFrequency ?? '',
+    identifyAllergensConfidence: app.identifyAllergensConfidence ?? '',
+    serveAllergicChildren: app.serveAllergicChildren ?? '',
+    activities: (app.activities ?? []).map((a) => activityDisplayMap[a] ?? a),
+    activitiesComments: app.activitiesComments ?? '',
+    itemsInStock: app.itemsInStock ?? '',
+    needMoreOptions: app.needMoreOptions ?? '',
+    newsletterSubscription: app.newsletterSubscription ? 'Yes' : 'No',
+  };
+}
+
+function validateRequired(form: FormState): boolean {
+  if (!form.allergenClients) return false;
+  if (
+    form.allergenClients === 'I have an exact number' &&
+    !form.allergenClientsExact.trim()
+  )
+    return false;
+  if (!form.refrigeratedDonation) return false;
+  if (!form.dedicatedAllergyFriendly) return false;
+  if (!form.reserveFoodForAllergic) return false;
+  if (form.activities.length === 0) return false;
+  if (!form.itemsInStock.trim()) return false;
+  if (!form.needMoreOptions.trim()) return false;
+  if (
+    form.activities.includes('Something else') &&
+    !form.activitiesComments.trim()
+  )
+    return false;
+  return true;
+}
+
+interface EditablePantryApplicationProps {
+  isEditing: boolean;
+  onEditingChange: (v: boolean) => void;
+}
+
+const EditablePantryApplication: React.FC<EditablePantryApplicationProps> = ({
+  isEditing,
+  onEditingChange,
+}) => {
+  const [application, setApplication] = useState<PantryWithUser | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const [form, setForm] = useState<FormState | null>(null);
+
+  const fetchApplication = useCallback(async () => {
+    try {
+      const pantryId = await ApiClient.getCurrentUserPantryId();
+      const data = await ApiClient.getPantry(pantryId);
+      setApplication(data);
+      setForm(buildFormState(data));
+    } catch {
+      setError('Could not load application details. Please try again later.');
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchApplication();
+  }, [fetchApplication]);
+
+  useEffect(() => {
+    if (!isEditing && application) setForm(buildFormState(application));
+  }, [isEditing, application]);
+
+  const setField = (name: string, value: string) =>
+    setForm((prev) => (prev ? { ...prev, [name]: value } : prev));
+
+  const handleCancel = () => {
+    if (application) setForm(buildFormState(application));
+    onEditingChange(false);
+  };
+
+  const handleSave = async () => {
+    if (!form || !application) return;
+
+    if (!validateRequired(form)) {
+      setError('Please complete all required fields before saving.');
+      return;
+    }
+
+    setIsSaving(true);
+    setError(null);
+    try {
+      const formData: UpdatePantryApplicationDto = {
+        secondaryContactFirstName: form.secondaryContactFirstName || undefined,
+        secondaryContactLastName: form.secondaryContactLastName || undefined,
+        secondaryContactEmail: form.secondaryContactEmail || undefined,
+        secondaryContactPhone: form.secondaryContactPhone || undefined,
+        shipmentAddressLine1: form.shipmentLine1 || undefined,
+        shipmentAddressLine2: form.shipmentLine2 || undefined,
+        shipmentAddressCity: form.shipmentCity || undefined,
+        shipmentAddressState: form.shipmentState || undefined,
+        shipmentAddressZip: form.shipmentZip || undefined,
+        shipmentAddressCountry: form.shipmentCountry || undefined,
+        mailingAddressLine1: form.mailingLine1 || undefined,
+        mailingAddressLine2: form.mailingLine2 || undefined,
+        mailingAddressCity: form.mailingCity || undefined,
+        mailingAddressState: form.mailingState || undefined,
+        mailingAddressZip: form.mailingZip || undefined,
+        mailingAddressCountry: form.mailingCountry || undefined,
+        acceptFoodDeliveries: form.acceptFoodDeliveries === 'Yes',
+        deliveryWindowInstructions:
+          form.deliveryWindowInstructions || undefined,
+        allergenClients:
+          form.allergenClients === 'I have an exact number'
+            ? form.allergenClientsExact || undefined
+            : form.allergenClients || undefined,
+        restrictions: form.restrictions,
+        refrigeratedDonation: form.refrigeratedDonation || undefined,
+        dedicatedAllergyFriendly: form.dedicatedAllergyFriendly === 'Yes',
+        reserveFoodForAllergic: form.reserveFoodForAllergic || undefined,
+        reservationExplanation:
+          form.reserveFoodForAllergic === 'Yes' ||
+          form.reserveFoodForAllergic === 'Some'
+            ? form.reservationExplanation || undefined
+            : null,
+        clientVisitFrequency: form.clientVisitFrequency || undefined,
+        identifyAllergensConfidence:
+          form.identifyAllergensConfidence || undefined,
+        serveAllergicChildren: form.serveAllergicChildren || undefined,
+        activities: form.activities.map((a) => activityStorageMap[a] ?? a),
+        activitiesComments: form.activitiesComments || undefined,
+        itemsInStock: form.itemsInStock || undefined,
+        needMoreOptions: form.needMoreOptions || undefined,
+        newsletterSubscription: form.newsletterSubscription === 'Yes',
+      };
+      const updated = await ApiClient.updatePantryApplication(
+        application.pantryId,
+        formData,
+      );
+      const updatedWithUser = {
+        ...application,
+        ...updated,
+        pantryUser: application.pantryUser,
+      };
+      setApplication(updatedWithUser);
+      setForm(buildFormState(updatedWithUser));
+      onEditingChange(false);
+    } catch {
+      setError('Failed to save changes. Please try again.');
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  if (!application || !form) {
+    return (
+      <Center py={16}>
+        <Text textStyle="p2" color="neutral.500">
+          {error ?? 'Application not found.'}
+        </Text>
+      </Center>
+    );
+  }
+
+  // Read-only view
+  if (!isEditing) {
+    return (
+      <VStack align="stretch" gap={10}>
+        <Section title="Secondary Point of Contact">
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="First Name"
+              value={application.secondaryContactFirstName}
+            />
+            <Field
+              label="Last Name"
+              value={application.secondaryContactLastName}
+            />
+            <Field
+              label="Email Address"
+              value={application.secondaryContactEmail}
+            />
+            <Field
+              label="Phone Number"
+              value={formatPhone(application.secondaryContactPhone)}
+            />
+          </Grid>
+        </Section>
+
+        <Section title="Shipping Address">
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="Address Line 1"
+              value={application.shipmentAddressLine1}
+            />
+            <Field
+              label="Address Line 2"
+              value={application.shipmentAddressLine2}
+            />
+            <Field label="City/Town" value={application.shipmentAddressCity} />
+            <Field
+              label="State/Region/Province"
+              value={application.shipmentAddressState}
+            />
+            <Field
+              label="Zip/Postal Code"
+              value={application.shipmentAddressZip}
+            />
+            <Field
+              label="Country"
+              value={
+                application.shipmentAddressCountry === 'US'
+                  ? 'United States of America'
+                  : application.shipmentAddressCountry ?? undefined
+              }
+            />
+          </Grid>
+          <Field
+            label="Accepts Food Deliveries Mon–Fri?"
+            value={application.acceptFoodDeliveries ? 'Yes' : 'No'}
+          />
+          <Field
+            label="Delivery Window Restrictions"
+            value={application.deliveryWindowInstructions}
+          />
+        </Section>
+
+        <AddressSection
+          title="Mailing Address"
+          line1={application.mailingAddressLine1}
+          line2={application.mailingAddressLine2}
+          city={application.mailingAddressCity}
+          state={application.mailingAddressState}
+          zip={application.mailingAddressZip}
+          country={application.mailingAddressCountry}
+        />
+
+        <Section title="Pantry Details">
+          <Box mb={10}>
+            <Text {...fieldHeaderStyles}>Food Allergies and Restrictions</Text>
+            {application.restrictions?.length ? (
+              <TagGroup values={application.restrictions} />
+            ) : (
+              <Text {...fieldContentStyles}>-</Text>
+            )}
+          </Box>
+
+          <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+            <Field
+              label="Approximate # of Clients"
+              value={application.allergenClients}
+            />
+            <Field
+              label="Accepts Refrigerated Donations?"
+              value={application.refrigeratedDonation}
+            />
+            <Field
+              label="Willing to Reserve Food for Allergen-Avoidant Individuals?"
+              value={application.reserveFoodForAllergic}
+            />
+            <Field
+              label="Dedicated Section for Allergy-Friendly Items?"
+              value={application.dedicatedAllergyFriendly ? 'Yes' : 'No'}
+            />
+            <GridItem colSpan={2}>
+              <Field
+                label="Justification"
+                value={application.reservationExplanation}
+              />
+            </GridItem>
+            <Field
+              label="How Often Do Allergen-Avoidant Clients Visit?"
+              value={application.clientVisitFrequency}
+            />
+            <Field
+              label="Confident in Identifying the Top 9 Allergens?"
+              value={application.identifyAllergensConfidence}
+            />
+            <Field
+              label="Serves Allergen-Avoidant Children?"
+              value={application.serveAllergicChildren}
+            />
+          </Grid>
+
+          <Box mb={10}>
+            <Text {...fieldHeaderStyles}>Activities with SSF</Text>
+            {application.activities?.length ? (
+              <TagGroup
+                values={application.activities.map(
+                  (a) => activityDisplayMap[a] ?? a,
+                )}
+              />
+            ) : (
+              <Text {...fieldContentStyles}>-</Text>
+            )}
+          </Box>
+
+          <Field
+            label="Comments/Concerns"
+            value={application.activitiesComments}
+          />
+          <Field
+            label="Allergen-free Items in Stock"
+            value={application.itemsInStock}
+          />
+          <Field label="Client Requests" value={application.needMoreOptions} />
+          <Field
+            label="Subscribed to Newsletter"
+            value={
+              application.newsletterSubscription != null
+                ? application.newsletterSubscription
+                  ? 'Yes'
+                  : 'No'
+                : undefined
+            }
+          />
+        </Section>
+      </VStack>
+    );
+  }
+
+  // Editing view
+  return (
+    <VStack align="stretch" gap={2}>
+      <Box mb={4}>
+        <Text {...sectionLabelStyles}>Secondary Point of Contact</Text>
+        <Grid templateColumns="repeat(2, 1fr)" columnGap={6}>
+          <EditField
+            label="First Name"
+            name="secondaryContactFirstName"
+            value={form.secondaryContactFirstName}
+            onChange={(v) => setField('secondaryContactFirstName', v)}
+          />
+          <EditField
+            label="Last Name"
+            name="secondaryContactLastName"
+            value={form.secondaryContactLastName}
+            onChange={(v) => setField('secondaryContactLastName', v)}
+          />
+          <EditField
+            label="Email Address"
+            name="secondaryContactEmail"
+            value={form.secondaryContactEmail}
+            onChange={(v) => setField('secondaryContactEmail', v)}
+          />
+          <Box mb={6}>
+            <Text {...fieldHeaderStyles} mb={2}>
+              Phone Number
+            </Text>
+            <USPhoneInput
+              value={form.secondaryContactPhone}
+              onChange={(v) => setField('secondaryContactPhone', v)}
+              allowEmpty
+              inputProps={{
+                name: 'secondaryContactPhone',
+                borderColor: 'neutral.100',
+                color: 'neutral.600',
+                size: 'sm',
+              }}
+            />
+          </Box>
+        </Grid>
+      </Box>
+
+      <EditAddressSection
+        title="Shipping Address"
+        prefix="shipment"
+        form={form}
+        onChange={setField}
+      />
+
+      <EditRadio
+        label="Would your pantry be able to accept food deliveries during standard business hours Mon-Fri?"
+        name="acceptFoodDeliveries"
+        value={form.acceptFoodDeliveries}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('acceptFoodDeliveries', v)}
+      />
+
+      <EditField
+        label="Please note any delivery window restrictions."
+        name="deliveryWindowInstructions"
+        value={form.deliveryWindowInstructions}
+        onChange={(v) => setField('deliveryWindowInstructions', v)}
+        textarea
+      />
+
+      <EditAddressSection
+        title="Mailing Address"
+        prefix="mailing"
+        form={form}
+        onChange={setField}
+      />
+
+      <Text {...sectionLabelStyles}>Pantry Details</Text>
+
+      <EditSelect
+        label="Approximately how many allergen-avoidant clients does your pantry serve?"
+        name="allergenClients"
+        value={form.allergenClients}
+        options={allergenClientOptions}
+        onChange={(v) => setField('allergenClients', v)}
+        required
+      />
+
+      {form.allergenClients === 'I have an exact number' && (
+        <EditField
+          label="Please provide the exact number, if known"
+          name="allergenClientsExact"
+          value={form.allergenClientsExact}
+          onChange={(v) => setField('allergenClientsExact', v)}
+          required
+        />
+      )}
+
+      <EditMultiSelect
+        label="Which food allergies or other medical dietary restrictions do clients at your pantry report?"
+        value={form.restrictions}
+        options={dietaryRestrictionOptions}
+        onChange={(v) =>
+          setForm((prev) => (prev ? { ...prev, restrictions: v } : prev))
+        }
+        triggerLabel="Select restrictions"
+      />
+
+      <EditRadio
+        label="Would you be able to accept frozen donations that require refrigeration or freezing?"
+        name="refrigeratedDonation"
+        value={form.refrigeratedDonation}
+        options={['Yes, always', 'No', 'Sometimes (check in before sending)']}
+        onChange={(v) => setField('refrigeratedDonation', v)}
+        required
+      />
+
+      <EditRadio
+        label="Do you have a dedicated shelf or section of your pantry for allergy-friendly items?"
+        name="dedicatedAllergyFriendly"
+        value={form.dedicatedAllergyFriendly}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('dedicatedAllergyFriendly', v)}
+        required
+      />
+
+      <EditRadio
+        label="Are you willing to reserve our food shipments for allergen-avoidant individuals?"
+        name="reserveFoodForAllergic"
+        value={form.reserveFoodForAllergic}
+        options={['Yes', 'Some', 'No']}
+        helperText="For example, grouping allergen-friendly items on a separate shelf or in separate bins and encouraging non-allergic clients to save these items for clients who do not have other safe food options."
+        onChange={(v) => setField('reserveFoodForAllergic', v)}
+        required
+      />
+
+      {(form.reserveFoodForAllergic === 'Yes' ||
+        form.reserveFoodForAllergic === 'Some') && (
+        <EditField
+          label={
+            form.reserveFoodForAllergic === 'Yes'
+              ? 'How would you work to ensure that allergen-friendly foods are distributed to clients with food allergies or other adverse reactions to foods?'
+              : 'Please explain why you selected "Some."'
+          }
+          name="reservationExplanation"
+          value={form.reservationExplanation}
+          onChange={(v) => setField('reservationExplanation', v)}
+          textarea
+        />
+      )}
+
+      <EditSelect
+        label="How often do allergen-avoidant clients visit your food pantry?"
+        name="clientVisitFrequency"
+        value={form.clientVisitFrequency}
+        options={clientVisitOptions}
+        onChange={(v) => setField('clientVisitFrequency', v)}
+      />
+
+      <EditSelect
+        label="Are you confident in identifying the top 9 allergens in an ingredient list?"
+        name="identifyAllergensConfidence"
+        value={form.identifyAllergensConfidence}
+        options={identifyAllergensOptions}
+        helperText="The top 9 allergens are milk, egg, peanut, tree nuts, wheat, soy, fish, shellfish, and sesame."
+        onChange={(v) => setField('identifyAllergensConfidence', v)}
+      />
+
+      <EditSelect
+        label="Do you serve allergen-avoidant or food-allergic children at your pantry?"
+        name="serveAllergicChildren"
+        value={form.serveAllergicChildren}
+        options={serveChildrenOptions}
+        helperText='"Children" is defined as any individual under the age of 18 either living independently or as part of a household.'
+        onChange={(v) => setField('serveAllergicChildren', v)}
+      />
+
+      <EditMultiSelect
+        label="What activities are you open to doing with SSF?"
+        value={form.activities}
+        options={activityOptions}
+        onChange={(v) =>
+          setForm((prev) => (prev ? { ...prev, activities: v } : prev))
+        }
+        triggerLabel="Select activities"
+        helperText="Food donations are one part of being a partner pantry. The following are additional ways to help us better support you! Please select all that apply."
+        required
+      />
+
+      <EditField
+        label="Please list any comments/concerns related to the previous question."
+        name="activitiesComments"
+        value={form.activitiesComments}
+        onChange={(v) => setField('activitiesComments', v)}
+        textarea
+        required={form.activities.includes('Something else')}
+        helperText='If you answered "Something Else," please elaborate.'
+      />
+
+      <EditField
+        label="What types of allergen-free items, if any, do you currently have in stock?"
+        name="itemsInStock"
+        value={form.itemsInStock}
+        onChange={(v) => setField('itemsInStock', v)}
+        textarea
+        required
+        helperText="For example, gluten-free breads, sunflower seed butters, nondairy beverages, etc."
+      />
+
+      <EditField
+        label="Do allergen-avoidant clients at your pantry ever request a greater variety of items or not have enough options? Please explain."
+        name="needMoreOptions"
+        value={form.needMoreOptions}
+        onChange={(v) => setField('needMoreOptions', v)}
+        textarea
+        required
+      />
+
+      <EditRadio
+        label="Would you like to subscribe to our quarterly newsletter?"
+        name="newsletterSubscription"
+        value={form.newsletterSubscription}
+        options={['Yes', 'No']}
+        onChange={(v) => setField('newsletterSubscription', v)}
+      />
+
+      {error && (
+        <Text color="red" fontSize="14px" mb={2}>
+          {error}
+        </Text>
+      )}
+
+      <HStack justify="flex-end" gap={3} mt={6}>
+        <Button
+          variant="outline"
+          size="sm"
+          color="neutral.800"
+          onClick={handleCancel}
+          disabled={isSaving}
+          borderColor="neutral.200"
+          fontWeight={600}
+        >
+          Cancel
+        </Button>
+        <Button
+          color="white"
+          bg="blue.hover"
+          variant="solid"
+          size="sm"
+          px={7}
+          onClick={handleSave}
+          loading={isSaving}
+          fontWeight={600}
+        >
+          Save Changes
+        </Button>
+      </HStack>
+    </VStack>
+  );
+};
+
+export default EditablePantryApplication;
diff --git a/apps/frontend/src/components/forms/pantryApplicationForm.tsx b/apps/frontend/src/components/forms/pantryApplicationForm.tsx
index bf133a87b..7f7906edc 100644
--- a/apps/frontend/src/components/forms/pantryApplicationForm.tsx
+++ b/apps/frontend/src/components/forms/pantryApplicationForm.tsx
@@ -33,13 +33,13 @@ import { TagGroup } from './tagGroup';
 import { FloatingAlert } from '@components/floatingAlert';
 import { useAlert } from '../../hooks/alert';
 
-const otherRestrictionsOptions: string[] = [
+export const otherRestrictionsOptions: string[] = [
   'Other allergy (e.g., yeast, sunflower, etc.)',
   'Other allergic illness (e.g., eosinophilic esophagitis, FPIES, oral allergy syndrome)',
   'Other dietary restriction',
 ];
 
-const dietaryRestrictionOptions = [
+export const dietaryRestrictionOptions = [
   'Egg allergy',
   'Fish allergy',
   'Milk allergy',
@@ -57,7 +57,7 @@ const dietaryRestrictionOptions = [
   'Unsure',
 ];
 
-const activityOptions = [
+export const activityOptions = [
   'Create a labeled, allergy-friendly shelf or shelves',
   'Provide clients and staff/volunteers with educational pamphlets',
   "Use a spreadsheet to track clients' medical dietary needs and distribution of SSF items per month",
diff --git a/apps/frontend/src/components/forms/profileAccountInfo.tsx b/apps/frontend/src/components/forms/profileAccountInfo.tsx
index d842367e2..979fabf8d 100644
--- a/apps/frontend/src/components/forms/profileAccountInfo.tsx
+++ b/apps/frontend/src/components/forms/profileAccountInfo.tsx
@@ -9,7 +9,9 @@ import {
   Tabs,
 } from '@chakra-ui/react';
 import { Pencil } from 'lucide-react';
-import { UpdateProfileFields, User } from 'types/types';
+import { Role, UpdateProfileFields, User } from '../../types/types';
+import EditablePantryApplication from '@components/forms/editablePantryApplication';
+import EditableFMApplication from '@components/forms/editableFMApplication';
 
 interface ProfileAccountInfoProps {
   profile: User;
@@ -51,6 +53,7 @@ const ProfileField: React.FC<ProfileFieldProps> = (props) => (
         borderRadius="md"
         width="3/4"
         color="neutral.600"
+        borderColor="neutral.100"
       />
     ) : (
       <Text color="neutral.800" textStyle="p2">
@@ -66,10 +69,22 @@ const ProfileAccountInfo: React.FC<ProfileAccountInfoProps> = ({
   onSave,
 }) => {
   const { firstName, lastName, email, phone } = profile;
+  const [activeTab, setActiveTab] = useState('Account');
   const [isEditing, setIsEditing] = useState(false);
+  const [isEditingApplication, setIsEditingApplication] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [form, setForm] = useState({ firstName, lastName, phone });
 
+  const isCurrentlyEditing =
+    activeTab === 'Account' ? isEditing : isEditingApplication;
+  const toggleCurrentEditing = () => {
+    if (activeTab === 'Account') {
+      setIsEditing((e) => !e);
+    } else {
+      setIsEditingApplication((e) => !e);
+    }
+  };
+
   useEffect(() => {
     setForm({ firstName, lastName, phone });
   }, [firstName, lastName, phone]);
@@ -108,11 +123,11 @@ const ProfileAccountInfo: React.FC<ProfileAccountInfoProps> = ({
       cursor="pointer"
       pb={2}
       _hover={{ color: 'neutral.900' }}
-      onClick={() => setIsEditing((e) => !e)}
+      onClick={toggleCurrentEditing}
     >
       <Pencil size={14} />
       <Text fontWeight={600} fontFamily="ibm">
-        {isEditing ? 'Editing' : 'Edit'}
+        {isCurrentlyEditing ? 'Editing' : 'Edit'}
       </Text>
     </HStack>
   );
@@ -176,7 +191,12 @@ const ProfileAccountInfo: React.FC<ProfileAccountInfoProps> = ({
 
   if (showTabs) {
     return (
-      <Tabs.Root defaultValue="Account" variant="line" mx={2}>
+      <Tabs.Root
+        defaultValue="Account"
+        variant="line"
+        mx={2}
+        onValueChange={(e: { value: string }) => setActiveTab(e.value)}
+      >
         <HStack justify="space-between" mb={8}>
           <Tabs.List>
             <Tabs.Trigger
@@ -205,10 +225,17 @@ const ProfileAccountInfo: React.FC<ProfileAccountInfoProps> = ({
 
         <Tabs.Content value="Account">{fields}</Tabs.Content>
         <Tabs.Content value="Application">
-          {/* TODO: add application tab content */}
-          <Box color="neutral.700" fontSize="sm">
-            Application details coming soon.
-          </Box>
+          {profile.role === Role.FOODMANUFACTURER ? (
+            <EditableFMApplication
+              isEditing={isEditingApplication}
+              onEditingChange={setIsEditingApplication}
+            />
+          ) : (
+            <EditablePantryApplication
+              isEditing={isEditingApplication}
+              onEditingChange={setIsEditingApplication}
+            />
+          )}
         </Tabs.Content>
       </Tabs.Root>
     );
diff --git a/apps/frontend/src/components/forms/tagGroup.tsx b/apps/frontend/src/components/forms/tagGroup.tsx
index cd3f10227..bde9121a0 100644
--- a/apps/frontend/src/components/forms/tagGroup.tsx
+++ b/apps/frontend/src/components/forms/tagGroup.tsx
@@ -26,11 +26,12 @@ export const TagGroup: React.FC<TagGroupProps> = ({
           fontWeight={blueVariant ? 400 : 500}
           color="neutral.800"
         >
-          <Tag.Label>{value}</Tag.Label>
+          <Tag.Label color="neutral.800">{value}</Tag.Label>
           {onRemove && (
             <Tag.EndElement ml={4}>
               <Tag.CloseTrigger
                 onClick={() => onRemove(value)}
+                color="neutral.800"
                 style={{ cursor: 'pointer' }}
               />
             </Tag.EndElement>
diff --git a/apps/frontend/src/containers/profilePage.tsx b/apps/frontend/src/containers/profilePage.tsx
index ea7c85aab..2abf994eb 100644
--- a/apps/frontend/src/containers/profilePage.tsx
+++ b/apps/frontend/src/containers/profilePage.tsx
@@ -18,6 +18,7 @@ const ROLE_CONFIG: Record<Role, { label: string; avatarBg: string }> = {
 
 const ProfilePage: React.FC = () => {
   const [profile, setProfile] = useState<User | null>(null);
+  const [orgName, setOrgName] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [alertState, setAlertMessage] = useAlert();
 
@@ -26,6 +27,15 @@ const ProfilePage: React.FC = () => {
       try {
         const user: User = await ApiClient.getMe();
         setProfile(user);
+        if (user.role === Role.PANTRY) {
+          const id = await ApiClient.getCurrentUserPantryId();
+          const pantry = await ApiClient.getPantry(id);
+          setOrgName(pantry.pantryName);
+        } else if (user.role === Role.FOODMANUFACTURER) {
+          const id = await ApiClient.getCurrentUserFoodManufacturerId();
+          const fm = await ApiClient.getFoodManufacturer(id);
+          setOrgName(fm.foodManufacturerName);
+        }
       } catch {
         setAlertMessage('Authentication error. Please log in and try again.');
       } finally {
@@ -108,7 +118,7 @@ const ProfilePage: React.FC = () => {
       >
         <Box flexShrink={0}>
           <ProfileLeftPanel
-            name={`${firstName} ${lastName}`}
+            name={orgName ?? `${firstName} ${lastName}`}
             roleLabel={config.label}
             initials={getInitials(firstName, lastName)}
             avatarBg={config.avatarBg}
diff --git a/apps/frontend/src/types/types.ts b/apps/frontend/src/types/types.ts
index 578f4de2b..accdb7272 100644
--- a/apps/frontend/src/types/types.ts
+++ b/apps/frontend/src/types/types.ts
@@ -105,6 +105,41 @@ export interface PantryApplicationDto {
   newsletterSubscription?: string;
 }
 
+export interface UpdatePantryApplicationDto {
+  secondaryContactFirstName?: string;
+  secondaryContactLastName?: string;
+  secondaryContactEmail?: string;
+  secondaryContactPhone?: string;
+  shipmentAddressLine1?: string;
+  shipmentAddressLine2?: string;
+  shipmentAddressCity?: string;
+  shipmentAddressState?: string;
+  shipmentAddressZip?: string;
+  shipmentAddressCountry?: string;
+  mailingAddressLine1?: string;
+  mailingAddressLine2?: string;
+  mailingAddressCity?: string;
+  mailingAddressState?: string;
+  mailingAddressZip?: string;
+  mailingAddressCountry?: string;
+  acceptFoodDeliveries?: boolean;
+  deliveryWindowInstructions?: string;
+  allergenClients?: string;
+  restrictions?: string[];
+  refrigeratedDonation?: string;
+  dedicatedAllergyFriendly?: boolean;
+  reserveFoodForAllergic?: string;
+  reservationExplanation?: string | null;
+  clientVisitFrequency?: string;
+  identifyAllergensConfidence?: string;
+  serveAllergicChildren?: string;
+  activities?: string[];
+  activitiesComments?: string;
+  itemsInStock?: string;
+  needMoreOptions?: string;
+  newsletterSubscription?: boolean;
+}
+
 export interface CreateRequestDto {
   pantryId: number;
   requestedSize: RequestSize;
@@ -273,6 +308,25 @@ export interface FoodManufacturer {
   dateApplied: string;
 }
 
+export interface UpdateFoodManufacturerApplicationDto {
+  secondaryContactFirstName?: string;
+  secondaryContactLastName?: string;
+  secondaryContactEmail?: string;
+  secondaryContactPhone?: string;
+  foodManufacturerName?: string;
+  foodManufacturerWebsite?: string;
+  unlistedProductAllergens?: Allergen[];
+  facilityFreeAllergens?: Allergen[];
+  productsGlutenFree?: boolean;
+  productsContainSulfites?: boolean;
+  productsSustainableExplanation?: string;
+  inKindDonations?: boolean;
+  donateWastedFood?: DonateWastedFood;
+  manufacturerAttribute?: ManufacturerAttribute;
+  additionalComments?: string;
+  newsletterSubscription?: boolean;
+}
+
 export interface ManufacturerApplicationDto {
   foodManufacturerName: string;
   foodManufacturerWebsite: string;