diff --git a/app/(auth)/forgot-password/page.tsx b/app/(auth)/forgot-password/page.tsx
index ed0471f6..97ba826d 100644
--- a/app/(auth)/forgot-password/page.tsx
+++ b/app/(auth)/forgot-password/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 import { useForm } from 'react-hook-form';
+import { useState } from 'react';
 import { createClient } from '@/app/lib/supabase/browser-client';
 
 type ForgotPasswordFormValues = {
@@ -8,7 +9,8 @@ type ForgotPasswordFormValues = {
 
 export default function ForgotPasswordPage() {
   const supabase = createClient();
-
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const {
     register,
     handleSubmit,
@@ -19,14 +21,19 @@ export default function ForgotPasswordPage() {
   });
 
   const onSubmit = async (values: ForgotPasswordFormValues) => {
+    setErrorMessage('');
+    setSuccessMessage('');
+
     const { error } = await supabase.auth.resetPasswordForEmail(values.email);
 
     if (error) {
-      alert(error.message);
+      setErrorMessage('Failed to send reset password email: ' + error.message);
       return;
     }
 
-    alert('Instructions to reset your password have been sent to your email.');
+    setSuccessMessage(
+      'Instructions to reset your password have been sent to your email.',
+    );
   };
 
   return (
@@ -53,6 +60,9 @@ export default function ForgotPasswordPage() {
         <button type="submit" disabled={isSubmitting}>
           {isSubmitting ? 'Sending' : 'Reset password'}
         </button>
+
+        {errorMessage && <p style={{ color: 'red' }}>{errorMessage}</p>}
+        {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
       </form>
     </div>
   );
diff --git a/app/(auth)/reset-password/page.tsx b/app/(auth)/reset-password/page.tsx
index c7e7ddfe..98bd3374 100644
--- a/app/(auth)/reset-password/page.tsx
+++ b/app/(auth)/reset-password/page.tsx
@@ -3,6 +3,7 @@
 import { useForm, useWatch } from 'react-hook-form';
 import { createClient } from '@/app/lib/supabase/browser-client';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 type ResetPasswordFormValues = {
   password: string;
@@ -12,6 +13,8 @@ type ResetPasswordFormValues = {
 export default function ResetPasswordPage() {
   const supabase = createClient();
   const router = useRouter();
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
 
   const {
     register,
@@ -29,16 +32,19 @@ export default function ResetPasswordPage() {
   });
 
   const onSubmit = async (values: ResetPasswordFormValues) => {
+    setErrorMessage('');
+    setSuccessMessage('');
+
     const { error } = await supabase.auth.updateUser({
       password: values.password,
     });
 
     if (error) {
-      alert(error.message);
+      setErrorMessage(error.message);
       return;
     }
 
-    alert('Your password has been updated.');
+    setSuccessMessage('Your password has been updated.');
     router.push('/home');
   };
 
@@ -82,6 +88,9 @@ export default function ResetPasswordPage() {
 
         <br />
 
+        {errorMessage && <p style={{ color: 'red' }}>{errorMessage}</p>}
+        {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
+
         <button type="submit" disabled={isSubmitting}>
           {isSubmitting ? 'Saving...' : 'Save'}
         </button>
diff --git a/app/(auth)/sign-in/page.tsx b/app/(auth)/sign-in/page.tsx
index e09aa9dd..3c8a4283 100644
--- a/app/(auth)/sign-in/page.tsx
+++ b/app/(auth)/sign-in/page.tsx
@@ -2,6 +2,7 @@
 
 import { createClient } from '@/app/lib/supabase/browser-client';
 import { useForm } from 'react-hook-form';
+import { useState } from 'react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 
@@ -14,20 +15,25 @@ export default function SignInPage() {
   const {
     register,
     handleSubmit,
-    formState: { errors },
+    formState: { errors, isSubmitting },
   } = useForm<Inputs>();
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const router = useRouter();
   const supabase = createClient();
 
   const onSubmit = async (formData: Inputs) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     const { error } = await supabase.auth.signInWithPassword({
       email: formData.email,
       password: formData.password,
     });
     if (error) {
-      alert(error.message);
+      setErrorMessage('Failed to sign in: ' + error.message);
       return;
     }
+    setSuccessMessage('Signed in successfully! Redirecting...');
     router.push('/home');
   };
 
@@ -56,11 +62,15 @@ export default function SignInPage() {
         <p role="alert">Password is required.</p>
       )}
       <br />
-      <button type="submit">Sign in</button>
+      <button type="submit">
+        {isSubmitting ? 'Signing in...' : 'Sign In'}
+      </button>
       <br />
       <Link href="/forgot-password">Forgot password?</Link>
       <br />
       <Link href="/sign-up">Sign up</Link>
+      {errorMessage && <p style={{ color: 'red' }}>{errorMessage}</p>}
+      {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
     </form>
   );
 }
diff --git a/app/(auth)/sign-up/page.tsx b/app/(auth)/sign-up/page.tsx
index 55d69f0b..87d18dd2 100644
--- a/app/(auth)/sign-up/page.tsx
+++ b/app/(auth)/sign-up/page.tsx
@@ -4,7 +4,6 @@ import { useForm, useWatch, SubmitHandler } from 'react-hook-form';
 import { createClient } from '@/app/lib/supabase/browser-client';
 import { useState } from 'react';
 import Link from 'next/link';
-import { useRouter } from 'next/navigation';
 
 type Inputs = {
   firstName: string;
@@ -22,14 +21,17 @@ export default function SignUpPage() {
     formState: { errors },
   } = useForm<Inputs>();
   const [isLoading, setIsLoading] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const supabase = createClient();
-  const router = useRouter();
   const passwordValue = useWatch({
     control,
     name: 'password',
   });
 
   const onSubmit: SubmitHandler<Inputs> = async (formData) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     setIsLoading(true);
     const { error } = await supabase.auth.signUp({
       email: formData.email,
@@ -43,9 +45,12 @@ export default function SignUpPage() {
     });
     setIsLoading(false);
     if (error) {
-      console.error('Sign-up error:', error);
+      setErrorMessage('Failed to sign up: ' + error.message);
+      return;
     }
-    router.push('/home');
+    setSuccessMessage(
+      'Account created successfully! Please check your email to confirm your account.',
+    );
   };
 
   return (
@@ -126,10 +131,12 @@ export default function SignUpPage() {
       )}
       <br />
       <button type="submit" disabled={isLoading}>
-        {isLoading ? 'Creating account...' : 'Sign up'}
+        {isLoading ? 'Creating account...' : 'Sign Up'}
       </button>
       <br />
       <Link href="/sign-in">Sign in</Link>
+      {errorMessage && <p style={{ color: 'red' }}>{errorMessage}</p>}
+      {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
     </form>
   );
 }
diff --git a/app/(main)/components/DeleteTicketButton.tsx b/app/(main)/components/DeleteTicketButton.tsx
index dbd352c0..d0ce3fad 100644
--- a/app/(main)/components/DeleteTicketButton.tsx
+++ b/app/(main)/components/DeleteTicketButton.tsx
@@ -2,26 +2,39 @@
 
 import { deleteTicket } from '@/app/actions/ticket';
 import { usePathname, useRouter } from 'next/navigation';
+import { useState, useTransition } from 'react';
 
 export default function DeleteTicketButton({ ticketId }: { ticketId: string }) {
   const pathname = usePathname();
   const router = useRouter();
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+  const [isPending, startTransition] = useTransition();
 
   async function handleDelete() {
-    const result = await deleteTicket(ticketId);
+    setErrorMessage('');
+    setSuccessMessage('');
+    startTransition(async () => {
+      const result = await deleteTicket(ticketId);
 
-    if (!result.success) {
-      console.error('Failed to delete ticket:', result.error);
-      return;
-    }
+      if (!result.success) {
+        setErrorMessage('Failed to delete ticket.' + result.error);
+        return;
+      }
 
-    const parentPath = pathname.split('/').slice(0, -1).join('/') || '/';
-    router.push(parentPath);
+      setSuccessMessage('Ticket deleted successfully!');
+      const parentPath = pathname.split('/').slice(0, -1).join('/') || '/';
+      router.push(parentPath);
+    });
   }
 
   return (
-    <button type="button" onClick={handleDelete}>
-      Delete ticket
-    </button>
+    <>
+      {errorMessage && <div style={{ color: 'red' }}>{errorMessage}</div>}
+      {successMessage && <div style={{ color: 'green' }}>{successMessage}</div>}
+      <button type="button" onClick={handleDelete} disabled={isPending}>
+        {isPending ? 'Removing...' : 'Remove'}
+      </button>
+    </>
   );
 }
diff --git a/app/(main)/components/InStockTicketItemCard.tsx b/app/(main)/components/InStockTicketItemCard.tsx
index 3b1b5287..a7a5439c 100644
--- a/app/(main)/components/InStockTicketItemCard.tsx
+++ b/app/(main)/components/InStockTicketItemCard.tsx
@@ -24,24 +24,33 @@ export default function InStockTicketItemCard({
   const [quantity, setQuantity] = useState(quantityRequested);
   const [savedQuantity, setSavedQuantity] = useState(quantityRequested);
   const [errorMessage, setErrorMessage] = useState('');
+  const [isSaving, setIsSaving] = useState(false);
 
   const hasChanged = quantity !== savedQuantity;
 
   const handleSave = async () => {
+    setErrorMessage('');
     if (quantity < 1) {
       setErrorMessage('Please input a number greater than 0.');
       return;
     }
 
-    const result = await updateTicketItemQuantity(ticketItemId, quantity);
+    setIsSaving(true);
+    try {
+      const result = await updateTicketItemQuantity(ticketItemId, quantity);
 
-    if (!result.success) {
-      console.error('Error changing ticket item quantity:', result.error);
-      return;
-    }
+      if (!result.success) {
+        setErrorMessage(
+          'Failed to update ticket item quantity.' + result.error,
+        );
+        return;
+      }
 
-    setSavedQuantity(quantity);
-    setErrorMessage('');
+      setSavedQuantity(quantity);
+      setErrorMessage('');
+    } finally {
+      setIsSaving(false);
+    }
   };
 
   const handleCancel = () => {
@@ -66,13 +75,22 @@ export default function InStockTicketItemCard({
             setQuantity(Number(e.target.value));
             setErrorMessage('');
           }}
+          disabled={isSaving}
         />
       </label>
-      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {errorMessage && (
+        <p role="alert" style={{ color: 'red' }}>
+          {errorMessage}
+        </p>
+      )}
       {hasChanged && (
         <>
-          <button onClick={handleSave}>Save</button>
-          <button onClick={handleCancel}>Cancel</button>
+          <button onClick={handleSave} disabled={isSaving}>
+            {isSaving ? 'Saving...' : 'Save'}
+          </button>
+          <button onClick={handleCancel} disabled={isSaving}>
+            Cancel
+          </button>
         </>
       )}
     </div>
diff --git a/app/(main)/components/OutOfStockTicketItemCard.tsx b/app/(main)/components/OutOfStockTicketItemCard.tsx
index 330a77e3..eebb25b7 100644
--- a/app/(main)/components/OutOfStockTicketItemCard.tsx
+++ b/app/(main)/components/OutOfStockTicketItemCard.tsx
@@ -1,4 +1,5 @@
 'use client';
+
 import { updateTicketItemDescription } from '@/app/actions/ticket';
 import { useState } from 'react';
 
@@ -9,33 +10,73 @@ interface OutOfStockTicketItemCardProps {
 
 export default function OutOfStockTicketItemCard({
   ticketItemId,
-  freeTextDescription,
+  freeTextDescription: initialDescription,
 }: OutOfStockTicketItemCardProps) {
-  const [description, setDescription] = useState(freeTextDescription);
+  const [description, setDescription] = useState(initialDescription);
   const [isChanged, setIsChanged] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [isSaving, setIsSaving] = useState(false);
 
   const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     const newValue = e.target.value;
     setDescription(newValue);
-    setIsChanged(newValue !== freeTextDescription);
+    setIsChanged(newValue !== initialDescription);
   };
+
   const handleCancel = () => {
-    setDescription(freeTextDescription);
+    setDescription(initialDescription);
     setIsChanged(false);
+    setErrorMessage('');
   };
+
   const handleSave = async () => {
-    await updateTicketItemDescription(ticketItemId, description);
-    setIsChanged(false);
+    setErrorMessage('');
+    setIsSaving(true);
+
+    try {
+      const { error } = await updateTicketItemDescription(
+        ticketItemId,
+        description,
+      );
+
+      if (error) {
+        setErrorMessage('Failed to update description: ' + error);
+        setIsSaving(false);
+        return;
+      }
+
+      // Success Path
+      setIsChanged(false);
+    } catch (e) {
+      // Handle infrastructure/network errors
+      setErrorMessage('A critical connection error occurred. ' + e);
+      return;
+    } finally {
+      setIsSaving(false);
+    }
   };
+
   return (
-    <div>
-      <textarea value={description} onChange={handleChange} rows={4} />
+    <div className="flex flex-col gap-2">
+      <textarea
+        value={description}
+        onChange={handleChange}
+        rows={4}
+        disabled={isSaving}
+      />
+
       {isChanged && (
         <div>
-          <button onClick={handleSave}>Save</button>
-          <button onClick={handleCancel}>Cancel</button>
+          <button onClick={handleSave} disabled={isSaving}>
+            {isSaving ? 'Saving...' : 'Save'}
+          </button>
+          <button onClick={handleCancel} disabled={isSaving}>
+            Cancel
+          </button>
         </div>
       )}
+
+      {errorMessage && <p role="alert">{errorMessage}</p>}
     </div>
   );
 }
diff --git a/app/(main)/components/RemoveTicketItemButton.tsx b/app/(main)/components/RemoveTicketItemButton.tsx
index 79e2cff5..2b5bd2b7 100644
--- a/app/(main)/components/RemoveTicketItemButton.tsx
+++ b/app/(main)/components/RemoveTicketItemButton.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { deleteTicketItem } from '@/app/actions/ticket';
+import { useState, useTransition } from 'react';
 
 type RemoveTicketItemButtonProps = {
   ticketItemId: string;
@@ -9,17 +10,30 @@ type RemoveTicketItemButtonProps = {
 export default function RemoveTicketItemButton({
   ticketItemId,
 }: RemoveTicketItemButtonProps) {
+  const [errorMessage, setErrorMessage] = useState('');
+  const [isPending, startTransition] = useTransition();
+
   const handleDelete = async () => {
-    const { success, error } = await deleteTicketItem(ticketItemId);
-    if (!success) {
-      alert('Failed to remove ticket item.');
-      console.error(error);
-    }
+    setErrorMessage('');
+    startTransition(async () => {
+      const { success, error } = await deleteTicketItem(ticketItemId);
+      if (!success) {
+        setErrorMessage('Failed to remove ticket item.' + error);
+        return;
+      }
+    });
   };
 
   return (
-    <button type="button" onClick={handleDelete}>
-      Remove
-    </button>
+    <>
+      <button type="button" onClick={handleDelete} disabled={isPending}>
+        {isPending ? 'Removing...' : 'Remove'}
+      </button>
+      {errorMessage && (
+        <p role="alert" style={{ color: 'red' }}>
+          {errorMessage}
+        </p>
+      )}
+    </>
   );
 }
diff --git a/app/(main)/components/TicketStatusDropdown.tsx b/app/(main)/components/TicketStatusDropdown.tsx
index d8fed11f..5009872f 100644
--- a/app/(main)/components/TicketStatusDropdown.tsx
+++ b/app/(main)/components/TicketStatusDropdown.tsx
@@ -18,6 +18,7 @@ export default function TicketStatusDropdown({
   const [originalStatus, setOriginalStatus] =
     useState<TicketStatus>(currentStatus);
   const [error, setError] = useState<string | null>(null);
+  const [isSaving, setIsSaving] = useState(false);
 
   const handleCancel = () => {
     setError(null);
@@ -26,12 +27,18 @@ export default function TicketStatusDropdown({
 
   const handleSave = async () => {
     setError(null);
+    setIsSaving(true);
 
-    const result = await updateTicketStatus(selectedStatus, ticketId);
-    if (result.success) {
-      setOriginalStatus(selectedStatus);
-    } else {
-      setError('Error updating status. No changes were saved.');
+    try {
+      const result = await updateTicketStatus(selectedStatus, ticketId);
+      if (result.success) {
+        setOriginalStatus(selectedStatus);
+        return;
+      } else {
+        setError('Failed to update status: ' + result.error);
+      }
+    } finally {
+      setIsSaving(false);
     }
   };
 
@@ -40,6 +47,7 @@ export default function TicketStatusDropdown({
       <select
         value={selectedStatus}
         onChange={(e) => setSelectedStatus(e.target.value as TicketStatus)}
+        disabled={isSaving}
       >
         {statusOptions.map((status) => (
           <option key={status} value={status}>
@@ -50,10 +58,10 @@ export default function TicketStatusDropdown({
 
       {selectedStatus !== originalStatus && (
         <div>
-          <button type="button" onClick={handleSave}>
-            Save
+          <button type="button" onClick={handleSave} disabled={isSaving}>
+            {isSaving ? 'Saving...' : 'Save'}
           </button>
-          <button type="button" onClick={handleCancel}>
+          <button type="button" onClick={handleCancel} disabled={isSaving}>
             Cancel
           </button>
           {error && <div>{error}</div>}
diff --git a/app/(main)/home/donate/components/LightweightDonationForm.tsx b/app/(main)/home/donate/components/LightweightDonationForm.tsx
index 3555dd0b..1445c770 100644
--- a/app/(main)/home/donate/components/LightweightDonationForm.tsx
+++ b/app/(main)/home/donate/components/LightweightDonationForm.tsx
@@ -4,6 +4,7 @@ import { DonationInsert } from '@/app/types/donation';
 import { useForm, useWatch, Controller } from 'react-hook-form';
 import { PatternFormat } from 'react-number-format';
 import { createDonation } from '@/app/actions/donation';
+import { useState } from 'react';
 
 type FormData = {
   donor_type?: 'individual' | 'business';
@@ -32,7 +33,7 @@ export default function LightweightDonationForm() {
     control,
     reset,
     clearErrors,
-    formState: { errors, isSubmitSuccessful },
+    formState: { errors, isSubmitting },
   } = useForm<FormData>({
     defaultValues: {
       donor_type: undefined,
@@ -40,6 +41,8 @@ export default function LightweightDonationForm() {
       estimated_value: '',
     },
   });
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
 
   const donorType = useWatch({
     control,
@@ -47,6 +50,8 @@ export default function LightweightDonationForm() {
   });
 
   const onSubmit = async (data: FormData) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     const donation: DonationInsert = {
       donor_is_individual: data.donor_type === 'individual',
 
@@ -79,9 +84,8 @@ export default function LightweightDonationForm() {
     };
 
     const result = await createDonation(donation);
-
-    // Reset all fields to empty/default values
     if (result.success) {
+      setSuccessMessage('Donation submitted successfully!');
       reset({
         donor_type: undefined,
         individual_name: '',
@@ -99,7 +103,9 @@ export default function LightweightDonationForm() {
       });
       clearErrors();
     } else {
-      console.error('Failed to create donation:', result.error);
+      setErrorMessage(
+        'Failed to create donation: ' + (result.error || 'Unknown error'),
+      );
     }
   };
 
@@ -126,10 +132,9 @@ export default function LightweightDonationForm() {
       >
         <h1 style={{ margin: 0 }}>Donation Form</h1>
       </div>
-      <form
-        onSubmit={handleSubmit(onSubmit)}
-        style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}
-      >
+      {errorMessage && <p>{errorMessage}</p>}
+      {successMessage && <div>{successMessage}</div>}
+      <form onSubmit={handleSubmit(onSubmit)}>
         {/* Receiving Site */}
         <div style={{ display: 'flex', flexDirection: 'column' }}>
           <label style={{ fontWeight: 'bold', marginBottom: '5px' }}>
@@ -430,6 +435,7 @@ export default function LightweightDonationForm() {
 
         <button
           type="submit"
+          disabled={isSubmitting}
           style={{
             marginTop: '20px',
             padding: '10px',
@@ -440,24 +446,10 @@ export default function LightweightDonationForm() {
             fontWeight: 'bold',
           }}
         >
-          Submit
+          {isSubmitting ? 'Submitting...' : 'Submit'}
         </button>
 
-        {isSubmitSuccessful && (
-          <div
-            style={{
-              backgroundColor: '#d4edda',
-              color: '#155724',
-              padding: '12px',
-              borderRadius: '5px',
-              marginBottom: '15px',
-              textAlign: 'center',
-              fontWeight: 'bold',
-            }}
-          >
-            Form submitted successfully! Thank you for your donation.
-          </div>
-        )}
+        {/* Success message now handled above form */}
       </form>
     </div>
   );
diff --git a/app/(main)/hq/[storeId]/components/EditStoreForm.tsx b/app/(main)/hq/[storeId]/components/EditStoreForm.tsx
index 1796ec2f..d581e350 100644
--- a/app/(main)/hq/[storeId]/components/EditStoreForm.tsx
+++ b/app/(main)/hq/[storeId]/components/EditStoreForm.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import type { Store } from '@/app/types/store';
 import { updateStore } from '@/app/actions/store';
@@ -10,6 +11,9 @@ type FormValues = {
 };
 
 export default function EditStoreForm({ store }: { store: Store }) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const { register, handleSubmit, formState, reset } = useForm<FormValues>({
     defaultValues: {
       name: store.name,
@@ -18,8 +22,23 @@ export default function EditStoreForm({ store }: { store: Store }) {
   });
 
   const onSubmit = async (data: FormValues) => {
-    await updateStore(store.store_id, data);
-    reset(data);
+    setIsSubmitting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const result = await updateStore(store.store_id, data);
+      if (!result.success) {
+        setErrorMessage('Failed to update store: ' + result.error);
+        return;
+      }
+
+      reset(data);
+      setSuccessMessage('Store updated.');
+    } catch (error) {
+      setErrorMessage('Failed to update store: ' + error);
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -33,17 +52,25 @@ export default function EditStoreForm({ store }: { store: Store }) {
         <input {...register('street_address')} />
       </div>
 
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+
       {formState.isDirty && (
         <>
-          <button type="submit">Save</button>
+          <button type="submit" disabled={isSubmitting}>
+            {isSubmitting ? 'Saving...' : 'Save'}
+          </button>
           <button
             type="button"
-            onClick={() =>
+            disabled={isSubmitting}
+            onClick={() => {
+              setErrorMessage('');
+              setSuccessMessage('');
               reset({
                 name: store.name,
                 street_address: store.street_address,
-              })
-            }
+              });
+            }}
           >
             Cancel
           </button>
diff --git a/app/(main)/hq/[storeId]/components/RemoveStoreButton.tsx b/app/(main)/hq/[storeId]/components/RemoveStoreButton.tsx
index 6041c496..be526e16 100644
--- a/app/(main)/hq/[storeId]/components/RemoveStoreButton.tsx
+++ b/app/(main)/hq/[storeId]/components/RemoveStoreButton.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { deleteStore } from '@/app/actions/store';
 
@@ -9,19 +10,36 @@ type RemoveStoreButtonProp = {
 
 export default function RemoveStoreButton({ storeId }: RemoveStoreButtonProp) {
   const router = useRouter();
+  const [isRemoving, setIsRemoving] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const handleDeletion = async () => {
-    const { success, error } = await deleteStore(storeId);
-    if (!success) {
-      alert('Failed to remove store.');
-      console.error(error);
-    } else {
+    setIsRemoving(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const { success, error } = await deleteStore(storeId);
+      if (!success) {
+        setErrorMessage('Failed to remove store: ' + error);
+        return;
+      }
+
+      setSuccessMessage('Store removed.');
       router.push('/hq');
+    } catch (error) {
+      setErrorMessage('Failed to remove store: ' + error);
+    } finally {
+      setIsRemoving(false);
     }
   };
 
   return (
-    <button type="button" onClick={handleDeletion}>
-      Remove store
-    </button>
+    <>
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+      <button type="button" onClick={handleDeletion} disabled={isRemoving}>
+        {isRemoving ? 'Removing...' : 'Remove'}
+      </button>
+    </>
   );
 }
diff --git a/app/(main)/hq/components/AddStoreForm.tsx b/app/(main)/hq/components/AddStoreForm.tsx
index f294379b..8707e43c 100644
--- a/app/(main)/hq/components/AddStoreForm.tsx
+++ b/app/(main)/hq/components/AddStoreForm.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { createStore } from '@/app/actions/store';
 
@@ -9,6 +10,9 @@ type FormValues = {
 };
 
 export default function AddStoreForm() {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const { register, handleSubmit, control, reset } = useForm<FormValues>({
     defaultValues: {
       storeName: '',
@@ -31,11 +35,27 @@ export default function AddStoreForm() {
     storeName.trim().length > 0 || storeStreetAddress.trim().length > 0;
 
   const onSubmit = async (data: FormValues) => {
-    await createStore({
-      name: data.storeName,
-      street_address: data.storeStreetAddress,
-    });
-    reset({ storeName: '', storeStreetAddress: '' });
+    setIsSubmitting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const result = await createStore({
+        name: data.storeName,
+        street_address: data.storeStreetAddress,
+      });
+
+      if (!result.success) {
+        setErrorMessage('Failed to add store: ' + result.error);
+        return;
+      }
+
+      reset({ storeName: '', storeStreetAddress: '' });
+      setSuccessMessage('Store added.');
+    } catch (error) {
+      setErrorMessage('Failed to add store: ' + error);
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -50,12 +70,24 @@ export default function AddStoreForm() {
         <input {...register('storeStreetAddress')} />
       </div>
 
-      {bothFilled && <button type="submit">Save</button>}
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+
+      {bothFilled && (
+        <button type="submit" disabled={isSubmitting}>
+          {isSubmitting ? 'Saving...' : 'Save'}
+        </button>
+      )}
 
       {eitherFilled && (
         <button
           type="button"
-          onClick={() => reset({ storeName: '', storeStreetAddress: '' })}
+          onClick={() => {
+            setErrorMessage('');
+            setSuccessMessage('');
+            reset({ storeName: '', storeStreetAddress: '' });
+          }}
+          disabled={isSubmitting}
         >
           Cancel
         </button>
diff --git a/app/(main)/hq/components/DonationsExportForm.tsx b/app/(main)/hq/components/DonationsExportForm.tsx
index a4a3645f..cf53c736 100644
--- a/app/(main)/hq/components/DonationsExportForm.tsx
+++ b/app/(main)/hq/components/DonationsExportForm.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import {
   exportDonations,
@@ -13,6 +14,9 @@ type FormValues = {
 };
 
 export default function Donations() {
+  const [isExporting, setIsExporting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const {
     register,
     control,
@@ -30,35 +34,54 @@ export default function Donations() {
     name: 'dateMode',
   });
 
-  const onSubmit = () => {
-    handleExport();
+  const downloadCsv = (csvString: string, filename: string) => {
+    const blob = new Blob([csvString], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.setAttribute('href', url);
+    a.setAttribute('download', filename);
+    a.click();
+    window.URL.revokeObjectURL(url);
+  };
+
+  const onSubmit = async () => {
+    await handleExport();
   };
 
   const handleExport = async () => {
-    if (dateMode === 'range') {
-      const { startDate, endDate } = getValues();
-      const result = await exportDonationsInRange({
-        startDate: startDate || '',
-        endDate: endDate || '',
-      });
-      const csvString = result?.data;
-      const blob = new Blob([csvString || ''], { type: 'text/csv' });
-      const url = window.URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.setAttribute('href', url);
-      a.setAttribute('download', `donations_${startDate}_to_${endDate}.csv`);
-      a.click();
-      window.URL.revokeObjectURL(url);
-    } else {
-      const result = await exportDonations();
-      const csvString = result?.data;
-      const blob = new Blob([csvString || ''], { type: 'text/csv' });
-      const url = window.URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.setAttribute('href', url);
-      a.setAttribute('download', `donations.csv`);
-      a.click();
-      window.URL.revokeObjectURL(url);
+    setIsExporting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      if (dateMode === 'range') {
+        const { startDate, endDate } = getValues();
+        const result = await exportDonationsInRange({
+          startDate: startDate || '',
+          endDate: endDate || '',
+        });
+
+        if (!result?.success || !result.data) {
+          setErrorMessage('Failed to export donations.');
+          return;
+        }
+
+        downloadCsv(result.data, `donations_${startDate}_to_${endDate}.csv`);
+      } else {
+        const result = await exportDonations();
+
+        if (!result?.success || !result.data) {
+          setErrorMessage('Failed to export donations.');
+          return;
+        }
+
+        downloadCsv(result.data, 'donations.csv');
+      }
+
+      setSuccessMessage('Donations export downloaded.');
+    } catch (error) {
+      setErrorMessage('Donations export error: ' + error);
+    } finally {
+      setIsExporting(false);
     }
   };
 
@@ -96,7 +119,11 @@ export default function Donations() {
         </div>
       )}
 
-      <button type="submit">Export</button>
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+      <button type="submit" disabled={isExporting}>
+        {isExporting ? 'Exporting...' : 'Export'}
+      </button>
     </form>
   );
 }
diff --git a/app/(main)/manage/[storeId]/[storeItemId]/components/DeleteStoreItemButton.tsx b/app/(main)/manage/[storeId]/[storeItemId]/components/DeleteStoreItemButton.tsx
index d44a0df8..c0002348 100644
--- a/app/(main)/manage/[storeId]/[storeItemId]/components/DeleteStoreItemButton.tsx
+++ b/app/(main)/manage/[storeId]/[storeItemId]/components/DeleteStoreItemButton.tsx
@@ -2,6 +2,7 @@
 
 import { deleteStoreItem } from '@/app/actions/store';
 import { usePathname, useRouter } from 'next/navigation';
+import { useState, useTransition } from 'react';
 
 export default function DeleteStoreItemButton({
   storeItemId,
@@ -10,28 +11,40 @@ export default function DeleteStoreItemButton({
 }) {
   const pathname = usePathname();
   const router = useRouter();
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+  const [isPending, startTransition] = useTransition();
 
   async function handleDelete() {
-    const result = await deleteStoreItem(storeItemId);
-
-    if (!result.success) {
-      console.error('Failed to delete store item:', result.error);
-      return;
-    }
-
-    const targetPath = pathname.split('/').slice(0, -1).join('/') || '/';
-
-    if (pathname === targetPath) {
-      router.refresh();
-      return;
-    }
-
-    router.push(targetPath);
+    setErrorMessage('');
+    setSuccessMessage('');
+    startTransition(async () => {
+      const result = await deleteStoreItem(storeItemId);
+
+      if (!result.success) {
+        setErrorMessage('Failed to delete store item: ' + result.error);
+        return;
+      }
+
+      setSuccessMessage('Store item deleted successfully!');
+      const targetPath = pathname.split('/').slice(0, -1).join('/') || '/';
+
+      if (pathname === targetPath) {
+        router.refresh();
+        return;
+      }
+
+      router.push(targetPath);
+    });
   }
 
   return (
-    <button type="button" onClick={handleDelete}>
-      Remove item
-    </button>
+    <>
+      {errorMessage && <div style={{ color: 'red' }}>{errorMessage}</div>}
+      {successMessage && <div style={{ color: 'green' }}>{successMessage}</div>}
+      <button type="button" onClick={handleDelete} disabled={isPending}>
+        {isPending ? 'Removing...' : 'Remove'}
+      </button>
+    </>
   );
 }
diff --git a/app/(main)/manage/[storeId]/[storeItemId]/components/StoreItemForm.tsx b/app/(main)/manage/[storeId]/[storeItemId]/components/StoreItemForm.tsx
index a1770cd1..2e6d7420 100644
--- a/app/(main)/manage/[storeId]/[storeItemId]/components/StoreItemForm.tsx
+++ b/app/(main)/manage/[storeId]/[storeItemId]/components/StoreItemForm.tsx
@@ -5,6 +5,7 @@ import {
   updateStoreItemQuantity,
   updateStoreItemIsHidden,
 } from '@/app/actions/store';
+import { useState } from 'react';
 
 export default function StoreItemForm({
   storeId,
@@ -29,10 +30,13 @@ export default function StoreItemForm({
     },
   });
 
+  const [errorMessage, setErrorMessage] = useState('');
+
   const onSubmit = async (values: {
     quantityAvailable: number;
     isHidden: boolean;
   }) => {
+    setErrorMessage('');
     const qtyRes = await updateStoreItemQuantity(
       storeId,
       storeItemId,
@@ -40,7 +44,7 @@ export default function StoreItemForm({
     );
 
     if (!qtyRes.success) {
-      alert(qtyRes.error ?? 'Failed to update quantity.');
+      setErrorMessage(qtyRes.error ?? 'Failed to update quantity.');
       return;
     }
 
@@ -51,7 +55,7 @@ export default function StoreItemForm({
     );
 
     if (!hiddenRes.success) {
-      alert(hiddenRes.error ?? 'Failed to update visibility.');
+      setErrorMessage(hiddenRes.error ?? 'Failed to update visibility.');
       return;
     }
 
@@ -60,6 +64,7 @@ export default function StoreItemForm({
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
+      {errorMessage && <div style={{ color: 'red' }}>{errorMessage}</div>}
       <div>
         <label>Quantity available: </label>
         <input
diff --git a/app/(main)/manage/[storeId]/add/components/AddStoreItemSearch.tsx b/app/(main)/manage/[storeId]/add/components/AddStoreItemSearch.tsx
index ea1883d1..2ab5e86a 100644
--- a/app/(main)/manage/[storeId]/add/components/AddStoreItemSearch.tsx
+++ b/app/(main)/manage/[storeId]/add/components/AddStoreItemSearch.tsx
@@ -26,11 +26,13 @@ export default function AddStoreItemSearch({
   const [results, setResults] = useState<ItemWithNames[]>([]);
   const [searchQuery, setSearchQuery] = useState('');
   const [selectedItems, setSelectedItems] = useState<ItemWithNames[]>([]);
+  const [errorMessage, setErrorMessage] = useState('');
 
   useEffect(() => {
     const fetch = async () => {
       if (!searchQuery) {
         setResults([]);
+        setErrorMessage('');
         return;
       }
       const { data, error } = await supabase
@@ -39,6 +41,8 @@ export default function AddStoreItemSearch({
         .ilike('name', `%${searchQuery}%`);
       if (error) {
         console.error(error);
+        setErrorMessage(error.message ?? 'Failed to search inventory items.');
+        setResults([]);
         return;
       } else {
         const items: ItemWithNames[] = [];
@@ -49,6 +53,7 @@ export default function AddStoreItemSearch({
             subcategory_name: item.subcategories?.name,
           });
         }
+        setErrorMessage('');
         setResults(items);
       }
     };
@@ -88,6 +93,7 @@ export default function AddStoreItemSearch({
         value={searchQuery}
         onChange={(e) => setSearchQuery(e.target.value)}
       />
+      {errorMessage && <p role="alert">{errorMessage}</p>}
       <ul>
         {results?.map((item) => (
           <div key={item.name}>
diff --git a/app/(main)/manage/[storeId]/add/components/StoreItemsDonationForm.tsx b/app/(main)/manage/[storeId]/add/components/StoreItemsDonationForm.tsx
index 717044ac..6052c1ea 100644
--- a/app/(main)/manage/[storeId]/add/components/StoreItemsDonationForm.tsx
+++ b/app/(main)/manage/[storeId]/add/components/StoreItemsDonationForm.tsx
@@ -67,6 +67,9 @@ export default function StoreItemsDonationForm({
     itemSettingsSelected.includes('addInventoryItems');
   const donorType = useWatch({ control: methods.control, name: 'donor_type' });
   const [autoFillItems, setAutoFillItems] = useState<ItemWithNames[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const setItemsDonated = (value: string) => {
     methods.setValue('items_donated', value, { shouldValidate: true });
   };
@@ -77,9 +80,12 @@ export default function StoreItemsDonationForm({
     }
   }, [isGiftSelected, isInventorySelected, autoFillItems, methods]);
   const onSubmit = async (data: CombinedFormData) => {
+    setIsSubmitting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
     try {
-      let inventoryErrorOccurred = false;
-      let donationErrorOccurred = false;
+      const inventoryErrors: string[] = [];
+      let donationError = '';
 
       if (data.itemSettings?.includes('addInventoryItems')) {
         for (const item of data.items) {
@@ -88,7 +94,7 @@ export default function StoreItemsDonationForm({
             item.quantity,
             store.store_id,
           );
-          if (error) inventoryErrorOccurred = true;
+          if (error) inventoryErrors.push(error);
         }
       }
 
@@ -128,14 +134,19 @@ export default function StoreItemsDonationForm({
           store_street_address: store?.street_address,
         };
         const { error } = await createDonation(donation);
-        if (error) donationErrorOccurred = true;
+        if (error) donationError = error;
       }
-      if (inventoryErrorOccurred && donationErrorOccurred) {
-        alert('Both inventory update and donation submission failed.');
-      } else if (inventoryErrorOccurred) {
-        alert('Inventory update failed.');
-      } else if (donationErrorOccurred) {
-        alert('Donation submission failed.');
+
+      if (inventoryErrors.length > 0 && donationError) {
+        setErrorMessage(
+          'Inventory update and donation submission failed: ' + donationError,
+        );
+      } else if (inventoryErrors.length > 0) {
+        setErrorMessage(
+          inventoryErrors[0] ?? 'One or more inventory updates failed.',
+        );
+      } else if (donationError) {
+        setErrorMessage(donationError);
       } else {
         // Reset all fields to empty/default values
         methods.reset({
@@ -157,9 +168,12 @@ export default function StoreItemsDonationForm({
         });
         setAutoFillItems([]);
         methods.clearErrors();
+        setSuccessMessage('Submission saved.');
       }
     } catch (error) {
-      console.error('Failed to process form:', error);
+      setErrorMessage('Failed to process submission: ' + error);
+    } finally {
+      setIsSubmitting(false);
     }
   };
   return (
@@ -196,20 +210,13 @@ export default function StoreItemsDonationForm({
         )}
         {(itemSettingsSelected?.includes('giftInKind') ||
           itemSettingsSelected?.includes('addInventoryItems')) && (
-          <button
-            type="submit"
-            style={{
-              marginTop: '20px',
-              padding: '10px',
-              borderRadius: '5px',
-              border: 'none',
-              backgroundColor: '#007bff',
-              color: '#fff',
-              fontWeight: 'bold',
-            }}
-          >
-            Submit
-          </button>
+          <>
+            {errorMessage && <p role="alert">{errorMessage}</p>}
+            {successMessage && <p role="status">{successMessage}</p>}
+            <button type="submit" disabled={isSubmitting}>
+              {isSubmitting ? 'Submitting...' : 'Submit'}
+            </button>
+          </>
         )}
       </form>
     </FormProvider>
diff --git a/app/(main)/manage/inventory/[inventoryItemId]/components/DeleteInventoryItemButton.tsx b/app/(main)/manage/inventory/[inventoryItemId]/components/DeleteInventoryItemButton.tsx
index 72ba8b30..5b925e98 100644
--- a/app/(main)/manage/inventory/[inventoryItemId]/components/DeleteInventoryItemButton.tsx
+++ b/app/(main)/manage/inventory/[inventoryItemId]/components/DeleteInventoryItemButton.tsx
@@ -2,6 +2,7 @@
 
 import { deleteItem } from '@/app/actions/inventory';
 import { useRouter } from 'next/navigation';
+import { useState, useTransition } from 'react';
 
 export default function DeleteInventoryItemButton({
   inventoryItemId,
@@ -9,22 +10,33 @@ export default function DeleteInventoryItemButton({
   inventoryItemId: string;
 }) {
   const router = useRouter();
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+  const [isPending, startTransition] = useTransition();
 
   async function handleDelete() {
-    const result = await deleteItem(inventoryItemId);
+    setErrorMessage('');
+    setSuccessMessage('');
+    startTransition(async () => {
+      const result = await deleteItem(inventoryItemId);
 
-    if (!result.success) {
-      alert('Failed to remove item.');
-      console.error('Failed to delete inventory item:', result.error);
-      return;
-    }
+      if (!result.success) {
+        setErrorMessage('Failed to remove item.');
+        return;
+      }
 
-    router.push('/manage/inventory');
+      setSuccessMessage('Item removed successfully!');
+      router.push('/manage/inventory');
+    });
   }
 
   return (
-    <button type="button" onClick={handleDelete}>
-      Remove item
-    </button>
+    <>
+      {errorMessage && <p style={{ color: 'red' }}>{errorMessage}</p>}
+      {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
+      <button type="button" onClick={handleDelete} disabled={isPending}>
+        {isPending ? 'Removing...' : 'Remove'}
+      </button>
+    </>
   );
 }
diff --git a/app/(main)/profile/components/ProfileForm.tsx b/app/(main)/profile/components/ProfileForm.tsx
index 5afcb779..98bf112c 100644
--- a/app/(main)/profile/components/ProfileForm.tsx
+++ b/app/(main)/profile/components/ProfileForm.tsx
@@ -17,6 +17,8 @@ type ProfileFormValues = {
 
 export default function ProfileForm({ user }: { user: User }) {
   const [isSaving, setIsSaving] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   // photoUrl represents what is currently in the DB
   const [photoUrl, setPhotoUrl] = useState<string | null>(
     user.profile_photo_url,
@@ -44,9 +46,13 @@ export default function ProfileForm({ user }: { user: User }) {
   });
 
   const handleFileSelect = (file: File) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     const maxSize = 200 * 1024; // 200 KB in bytes
     if (file.size > maxSize) {
-      alert('File is too large. Please select an image under 200 KB.');
+      setErrorMessage(
+        'File is too large. Please select an image under 200 KB.',
+      );
       return;
     }
     // Create a temporary local blob URL for immediate UI feedback
@@ -57,6 +63,8 @@ export default function ProfileForm({ user }: { user: User }) {
   };
 
   const handleRemovePhoto = () => {
+    setErrorMessage('');
+    setSuccessMessage('');
     setPreviewUrl(null);
     setSelectedFile(null);
     setIsPendingDelete(true);
@@ -64,6 +72,8 @@ export default function ProfileForm({ user }: { user: User }) {
   };
 
   const onCancel = () => {
+    setErrorMessage('');
+    setSuccessMessage('');
     if (previewUrl) URL.revokeObjectURL(previewUrl);
     setPreviewUrl(null);
     setSelectedFile(null);
@@ -75,6 +85,8 @@ export default function ProfileForm({ user }: { user: User }) {
 
   const onSubmit = async (data: ProfileFormValues) => {
     setIsSaving(true);
+    setErrorMessage('');
+    setSuccessMessage('');
     try {
       let finalPhotoUrl = photoUrl;
       const {
@@ -84,9 +96,15 @@ export default function ProfileForm({ user }: { user: User }) {
       if (authUser) {
         // Handle deletion if flagged
         if (isPendingDelete) {
-          await supabase.storage
+          const { error: deleteError } = await supabase.storage
             .from('profile_photos')
             .remove([`${authUser.id}/profile.jpg`]);
+          if (deleteError) {
+            setErrorMessage(
+              deleteError.message ?? 'Failed to remove profile photo.',
+            );
+            return;
+          }
           finalPhotoUrl = null;
         }
 
@@ -100,6 +118,10 @@ export default function ProfileForm({ user }: { user: User }) {
 
           if (uploadError) {
             console.error('Upload error:', uploadError.message);
+            setErrorMessage(
+              uploadError.message ?? 'Failed to upload profile photo.',
+            );
+            return;
           } else {
             const { data: publicData } = supabase.storage
               .from('profile_photos')
@@ -134,12 +156,18 @@ export default function ProfileForm({ user }: { user: User }) {
           lastName: data.lastName,
           email: user.email,
         });
-        if (data.email !== user.email) {
-          alert('Please check your new email address to verify the change.');
-        }
+        setSuccessMessage(
+          data.email !== user.email
+            ? 'Profile saved. Please check both your new and old email addresses to verify the change.'
+            : 'Profile saved.',
+        );
+      } else {
+        setErrorMessage(result.error ?? 'Failed to save profile.');
+        return;
       }
     } catch (error) {
       console.error('Error saving profile:', error);
+      setErrorMessage('Failed to save profile.');
     } finally {
       setIsSaving(false);
     }
@@ -194,6 +222,9 @@ export default function ProfileForm({ user }: { user: User }) {
       )}
       <br />
 
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+
       {hasDirtyTextOrImage && (
         <>
           <button type="submit" disabled={isSaving}>
diff --git a/app/(main)/profile/components/SignOutButton.tsx b/app/(main)/profile/components/SignOutButton.tsx
index 16d9a341..fc283632 100644
--- a/app/(main)/profile/components/SignOutButton.tsx
+++ b/app/(main)/profile/components/SignOutButton.tsx
@@ -2,17 +2,39 @@
 
 import { createClient } from '@/app/lib/supabase/browser-client';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 export default function SignOutButton() {
   const router = useRouter();
   const supabase = createClient();
+  const [isSigningOut, setIsSigningOut] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+
   async function signOut() {
-    const { error } = await supabase.auth.signOut();
-    if (error) {
-      console.error('Sign-out error:', error.message);
+    setIsSigningOut(true);
+    setErrorMessage('');
+    try {
+      const { error } = await supabase.auth.signOut();
+      if (error) {
+        console.error('Sign-out error:', error.message);
+        setErrorMessage(error.message ?? 'Failed to sign out.');
+        return;
+      }
+      router.push('/home');
+    } catch (error) {
+      console.error('Sign-out error:', error);
+      setErrorMessage('Failed to sign out. Please try again.');
+    } finally {
+      setIsSigningOut(false);
     }
-    router.push('/home');
   }
 
-  return <button onClick={signOut}>Sign out</button>;
+  return (
+    <>
+      <button onClick={signOut} disabled={isSigningOut}>
+        {isSigningOut ? 'Signing out...' : 'Sign Out'}
+      </button>
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+    </>
+  );
 }
diff --git a/app/(main)/profile/components/UpdatePasswordForm.tsx b/app/(main)/profile/components/UpdatePasswordForm.tsx
index 3fac01d0..8df03190 100644
--- a/app/(main)/profile/components/UpdatePasswordForm.tsx
+++ b/app/(main)/profile/components/UpdatePasswordForm.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { createClient } from '@/app/lib/supabase/browser-client';
 
@@ -9,6 +10,9 @@ type FormValues = {
 };
 
 export default function UpdatePasswordForm() {
+  const [isSaving, setIsSaving] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const {
     register,
     handleSubmit,
@@ -40,16 +44,28 @@ export default function UpdatePasswordForm() {
     newPassword === newPasswordConfirmation;
 
   const onSubmit = async (formData: FormValues) => {
-    const { error } = await supabase.auth.updateUser({
-      password: formData.newPassword,
-    });
+    setIsSaving(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const { error } = await supabase.auth.updateUser({
+        password: formData.newPassword,
+      });
 
-    if (error) {
+      if (error) {
+        console.error('Password update error:', error);
+        setErrorMessage(error.message ?? 'Failed to update password.');
+        return;
+      }
+
+      setSuccessMessage('Password updated.');
+      reset();
+    } catch (error) {
       console.error('Password update error:', error);
-      return;
+      setErrorMessage('Failed to update password. Please try again.');
+    } finally {
+      setIsSaving(false);
     }
-
-    reset();
   };
 
   return (
@@ -77,6 +93,13 @@ export default function UpdatePasswordForm() {
         <p role="alert">Passwords do not match.</p>
       )}
       <br />
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+      {passwordsMatch && (
+        <button type="submit" disabled={isSaving}>
+          {isSaving ? 'Saving...' : 'Save'}
+        </button>
+      )}
       {(newPassword.length > 0 || newPasswordConfirmation.length > 0) && (
         <button
           type="button"
@@ -86,11 +109,11 @@ export default function UpdatePasswordForm() {
               newPasswordConfirmation: '',
             })
           }
+          disabled={isSaving}
         >
           Cancel
         </button>
       )}
-      {passwordsMatch && <button type="submit">Save</button>}
     </form>
   );
 }
diff --git a/app/(main)/request/[storeId]/[storeItemId]/components/AddInStockToCartForm.tsx b/app/(main)/request/[storeId]/[storeItemId]/components/AddInStockToCartForm.tsx
index 9dcd9101..7a4f9868 100644
--- a/app/(main)/request/[storeId]/[storeItemId]/components/AddInStockToCartForm.tsx
+++ b/app/(main)/request/[storeId]/[storeItemId]/components/AddInStockToCartForm.tsx
@@ -1,18 +1,24 @@
 'use client';
 
 import Form from 'next/form';
+import { useState } from 'react';
 import { addToCart } from '@/app/actions/ticket';
+import SubmitButton from '@/app/(main)/request/components/SubmitButton';
 
 interface AddInStockToCartFormProps {
   storeId: string;
   storeItemId: string;
 }
-
 export default function AddInStockToCartForm({
   storeId,
   storeItemId,
 }: AddInStockToCartFormProps) {
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+
   const handleSubmit = async (formData: FormData) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     const actualQuantity = Number(formData.get('quantity'));
     const { error: err } = await addToCart(
       storeId,
@@ -20,7 +26,11 @@ export default function AddInStockToCartForm({
       actualQuantity,
     );
     if (err) {
-      console.error('Error fetching ticket:', err);
+      setErrorMessage('Failed to add in-stock item to cart: ' + err);
+      return;
+    } else {
+      setSuccessMessage('Item added to cart successfully!');
+      return;
     }
   };
 
@@ -34,13 +44,10 @@ export default function AddInStockToCartForm({
           required
         />
 
-        <button
-          type="submit"
-          className="bg-blue-500 text-white px-4 py-2 rounded"
-        >
-          Add to Cart
-        </button>
+        <SubmitButton />
       </Form>
+      {errorMessage && <p>{errorMessage}</p>}
+      {successMessage && <p>{successMessage}</p>}
     </div>
   );
 }
diff --git a/app/(main)/request/[storeId]/cart/components/SubmitTicketButton.tsx b/app/(main)/request/[storeId]/cart/components/SubmitTicketButton.tsx
index 36d6a489..a70d0bc8 100644
--- a/app/(main)/request/[storeId]/cart/components/SubmitTicketButton.tsx
+++ b/app/(main)/request/[storeId]/cart/components/SubmitTicketButton.tsx
@@ -6,15 +6,18 @@ import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 export default function SubmitTicketButton({ ticketId }: { ticketId: string }) {
   const [isPending, startTransition] = useTransition();
   const [error, setError] = useState<string | null>(null);
+  const [successMessage, setSuccessMessage] = useState('');
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
   const handleSubmit = async () => {
     setError(null);
+    setSuccessMessage('');
     startTransition(async () => {
       const result = await updateTicketStatus('requested', ticketId);
       if (result.success) {
+        setSuccessMessage('Ticket submitted successfully!');
         const params = new URLSearchParams(searchParams?.toString() || '');
         params.set('submitted', '1');
         params.set('ticketId', ticketId);
@@ -31,6 +34,7 @@ export default function SubmitTicketButton({ ticketId }: { ticketId: string }) {
         {isPending ? 'Submitting...' : 'Submit ticket'}
       </button>
       {error && <p style={{ color: 'red' }}>{error}</p>}
+      {successMessage && <p style={{ color: 'green' }}>{successMessage}</p>}
     </div>
   );
 }
diff --git a/app/(main)/request/components/AddOutOfStockToCartForm.tsx b/app/(main)/request/components/AddOutOfStockToCartForm.tsx
index b799afef..77d66030 100644
--- a/app/(main)/request/components/AddOutOfStockToCartForm.tsx
+++ b/app/(main)/request/components/AddOutOfStockToCartForm.tsx
@@ -1,7 +1,9 @@
 'use client';
 
 import Form from 'next/form';
+import { useState } from 'react';
 import { addToCart } from '@/app/actions/ticket';
+import SubmitButton from '@/app/(main)/request/components/SubmitButton';
 
 interface AddOutOfStockToCartFormProps {
   storeId: string;
@@ -10,7 +12,11 @@ interface AddOutOfStockToCartFormProps {
 export default function AddOutOfStockToCartForm({
   storeId,
 }: AddOutOfStockToCartFormProps) {
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
   const handleSubmit = async (formData: FormData) => {
+    setErrorMessage('');
+    setSuccessMessage('');
     const description = formData.get('description') as string;
     const { error: err } = await addToCart(
       storeId,
@@ -19,24 +25,24 @@ export default function AddOutOfStockToCartForm({
       description,
     );
     if (err) {
-      console.error('Error fetching ticket:', err);
+      setErrorMessage('Failed to add item to cart: ' + err);
+      return;
+    } else {
+      setSuccessMessage('Item added to cart successfully!');
     }
   };
 
   return (
     <div>
+      {errorMessage && <p>{errorMessage}</p>}
+      {successMessage && <p>{successMessage}</p>}
       <Form action={handleSubmit}>
         <input
           name="description"
           type="text"
           placeholder="Description of item..."
         />
-        <button
-          type="submit"
-          className="bg-blue-500 text-white px-4 py-2 rounded"
-        >
-          Add to Cart
-        </button>
+        <SubmitButton />
       </Form>
     </div>
   );
diff --git a/app/(main)/request/components/SubmitButton.tsx b/app/(main)/request/components/SubmitButton.tsx
new file mode 100644
index 00000000..7a67fac6
--- /dev/null
+++ b/app/(main)/request/components/SubmitButton.tsx
@@ -0,0 +1,13 @@
+'use client';
+
+import { useFormStatus } from 'react-dom';
+
+export default function SubmitButton() {
+  const { pending } = useFormStatus();
+
+  return (
+    <button type="submit" disabled={pending}>
+      {pending ? 'Adding...' : 'Add to Cart'}
+    </button>
+  );
+}
diff --git a/app/(main)/team/people/[userId]/components/Dropdown.tsx b/app/(main)/team/people/[userId]/components/Dropdown.tsx
index 4f55fbcb..5ae13ebb 100644
--- a/app/(main)/team/people/[userId]/components/Dropdown.tsx
+++ b/app/(main)/team/people/[userId]/components/Dropdown.tsx
@@ -11,6 +11,39 @@ export default function Dropdown({
   roleId: number;
 }) {
   const [currentRoleId, setCurrentRoleId] = useState(roleId);
+  const [originalRoleId, setOriginalRoleId] = useState(roleId);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+
+  const hasChanged = currentRoleId !== originalRoleId;
+
+  const handleSave = async () => {
+    setIsSubmitting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const res = await updateUserRole(userId, currentRoleId);
+      if (!res.success) {
+        setErrorMessage(res.error ?? 'Insufficient privileges to update role.');
+        return;
+      }
+      setOriginalRoleId(currentRoleId);
+      setSuccessMessage('Role updated.');
+    } catch (error) {
+      console.error('Role update error:', error);
+      setErrorMessage('Unable to update role. Please try again.');
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleCancel = () => {
+    setCurrentRoleId(originalRoleId);
+    setErrorMessage('');
+    setSuccessMessage('');
+  };
+
   const allRoles = [
     {
       id: 1,
@@ -34,19 +67,11 @@ export default function Dropdown({
     },
   ];
   return (
-    <form
-      onSubmit={async (e) => {
-        e.preventDefault();
-        const res = await updateUserRole(userId, currentRoleId);
-        if (!res.success) {
-          alert('Insufficient privileges to update role');
-        }
-      }}
-    >
+    <div>
       <select
-        name="role"
         value={currentRoleId}
         onChange={(e) => setCurrentRoleId(Number(e.target.value))}
+        disabled={isSubmitting}
       >
         {allRoles.map((r) => (
           <option key={r.id} value={r.id}>
@@ -54,7 +79,18 @@ export default function Dropdown({
           </option>
         ))}
       </select>
-      <button type="submit">Update role</button>
-    </form>
+      {hasChanged && (
+        <div>
+          <button type="button" onClick={handleSave} disabled={isSubmitting}>
+            {isSubmitting ? 'Saving...' : 'Save'}
+          </button>
+          <button type="button" onClick={handleCancel} disabled={isSubmitting}>
+            Cancel
+          </button>
+        </div>
+      )}
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+    </div>
   );
 }
diff --git a/app/(main)/team/store-admins/[storeId]/components/AddAdminSearch.tsx b/app/(main)/team/store-admins/[storeId]/components/AddAdminSearch.tsx
index bc52929c..bd95843b 100644
--- a/app/(main)/team/store-admins/[storeId]/components/AddAdminSearch.tsx
+++ b/app/(main)/team/store-admins/[storeId]/components/AddAdminSearch.tsx
@@ -17,6 +17,9 @@ export default function AddAdminSearch({
 }) {
   const [search, setSearch] = useState('');
   const [searchData, setSearchData] = useState<User[]>([]);
+  const [isAddingUserId, setIsAddingUserId] = useState<string | null>(null);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
 
   // search filtering
   useEffect(() => {
@@ -24,6 +27,8 @@ export default function AddAdminSearch({
       const d = search.trim();
       if (!d) {
         setSearchData([]);
+        setErrorMessage('');
+        setSuccessMessage('');
         return;
       }
 
@@ -33,6 +38,7 @@ export default function AddAdminSearch({
         .ilike('full_name', `%${d}%`);
       if (error) {
         console.error('Error searching for admins:', error);
+        setErrorMessage(error.message ?? 'Failed to search for admins.');
         return;
       }
 
@@ -41,12 +47,35 @@ export default function AddAdminSearch({
       );
 
       setSearchData(filtered);
+      setErrorMessage('');
     }, 300);
 
     // returning a cleanup function to clear previous timeouts
     return () => clearTimeout(timeout);
   }, [search, existingAdminUserIds]);
 
+  const handleAddAdmin = async (userId: string) => {
+    setIsAddingUserId(userId);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const result = await createStoreAdmin({
+        user_id: userId,
+        store_id: storeId,
+      });
+      if (!result.success) {
+        setErrorMessage(result.error ?? 'Failed to add admin.');
+        return;
+      }
+      setSuccessMessage('Admin added.');
+    } catch (error) {
+      console.error('Store admin creation error:', error);
+      setErrorMessage('Failed to add admin.');
+    } finally {
+      setIsAddingUserId(null);
+    }
+  };
+
   return (
     <div>
       {/* searching */}
@@ -60,17 +89,19 @@ export default function AddAdminSearch({
         />
       </div>
 
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+
       {/* search results */}
       {searchData.map((u) => (
         <div key={u.user_id} style={{ marginBottom: '40px' }}>
           <UserCard user={u} noBottomMargin></UserCard>
           <button
             type="button"
-            onClick={() =>
-              createStoreAdmin({ user_id: u.user_id, store_id: storeId })
-            }
+            onClick={() => handleAddAdmin(u.user_id)}
+            disabled={isAddingUserId === u.user_id}
           >
-            Add admin
+            {isAddingUserId === u.user_id ? 'Adding...' : 'Add admin'}
           </button>
         </div>
       ))}
diff --git a/app/(main)/team/store-admins/[storeId]/components/DeleteStoreAdminButton.tsx b/app/(main)/team/store-admins/[storeId]/components/DeleteStoreAdminButton.tsx
index f6932e63..39d95b66 100644
--- a/app/(main)/team/store-admins/[storeId]/components/DeleteStoreAdminButton.tsx
+++ b/app/(main)/team/store-admins/[storeId]/components/DeleteStoreAdminButton.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { deleteStoreAdmin } from '@/app/actions/store';
 
 export default function DeleteStoreAdminButton({
@@ -7,9 +8,36 @@ export default function DeleteStoreAdminButton({
 }: {
   storeAdminId: string;
 }) {
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [successMessage, setSuccessMessage] = useState('');
+
+  const handleDelete = async () => {
+    setIsDeleting(true);
+    setErrorMessage('');
+    setSuccessMessage('');
+    try {
+      const result = await deleteStoreAdmin(storeAdminId);
+      if (!result.success) {
+        setErrorMessage(result.error ?? 'Failed to remove admin.');
+        return;
+      }
+      setSuccessMessage('Admin removed.');
+    } catch (error) {
+      console.error('Store admin deletion error:', error);
+      setErrorMessage('Failed to remove admin.');
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
   return (
-    <button type="button" onClick={() => deleteStoreAdmin(storeAdminId)}>
-      Remove admin
-    </button>
+    <>
+      <button type="button" onClick={handleDelete} disabled={isDeleting}>
+        {isDeleting ? 'Removing...' : 'Remove admin'}
+      </button>
+      {errorMessage && <p role="alert">{errorMessage}</p>}
+      {successMessage && <p role="status">{successMessage}</p>}
+    </>
   );
 }
diff --git a/app/(main)/test/components/DonationsTestComponent.tsx b/app/(main)/test/components/DonationsTestComponent.tsx
index e180fb13..84dfdc5b 100644
--- a/app/(main)/test/components/DonationsTestComponent.tsx
+++ b/app/(main)/test/components/DonationsTestComponent.tsx
@@ -5,6 +5,7 @@ import { useState } from 'react';
 
 export default function DonationsTestComponent() {
   const [idToDelete, setIdToDelete] = useState('');
+  const [errorMessage, setErrorMessage] = useState('');
 
   const handleCreate = async () => {
     try {
@@ -38,8 +39,9 @@ export default function DonationsTestComponent() {
   };
 
   const handleDelete = async () => {
+    setErrorMessage('');
     if (!idToDelete) {
-      alert('Please enter a valid UUID to delete');
+      setErrorMessage('Please enter a valid UUID to delete');
       return;
     }
 
@@ -58,6 +60,9 @@ export default function DonationsTestComponent() {
       <button onClick={handleDelete} style={{ marginLeft: 10 }}>
         Delete Donation
       </button>
+      {errorMessage && (
+        <p style={{ color: 'red', marginTop: 10 }}>{errorMessage}</p>
+      )}
     </div>
   );
 }
diff --git a/supabase/config.toml b/supabase/config.toml
index 50ea9efb..f22e2af2 100644
--- a/supabase/config.toml
+++ b/supabase/config.toml
@@ -1,412 +1,412 @@
-# For detailed configuration reference documentation, visit:
-# https://supabase.com/docs/guides/local-development/cli/config
-# A string used to distinguish different Supabase projects on the same host. Defaults to the
-# working directory name when running `supabase init`.
-project_id = "path-app"
-
-[api]
-enabled = true
-# Port to use for the API URL.
-port = 54321
-# Schemas to expose in your API. Tables, views and stored procedures in this schema will get API
-# endpoints. `public` and `graphql_public` schemas are included by default.
-schemas = ["public", "graphql_public"]
-# Extra schemas to add to the search_path of every request.
-extra_search_path = ["public", "extensions"]
-# The maximum number of rows returns from a view, table, or stored procedure. Limits payload size
-# for accidental or malicious requests.
-max_rows = 1000
-
-[api.tls]
-# Enable HTTPS endpoints locally using a self-signed certificate.
-enabled = false
-# Paths to self-signed certificate pair.
-# cert_path = "../certs/my-cert.pem"
-# key_path = "../certs/my-key.pem"
-
-[db]
-# Port to use for the local database URL.
-port = 54322
-# Port used by db diff command to initialize the shadow database.
-shadow_port = 54320
-# The database major version to use. This has to be the same as your remote database's. Run `SHOW
-# server_version;` on the remote database to check.
-major_version = 17
-
-[db.pooler]
-enabled = false
-# Port to use for the local connection pooler.
-port = 54329
-# Specifies when a server connection can be reused by other clients.
-# Configure one of the supported pooler modes: `transaction`, `session`.
-pool_mode = "transaction"
-# How many server connections to allow per user/database pair.
-default_pool_size = 20
-# Maximum number of client connections allowed.
-max_client_conn = 100
-
-# [db.vault]
-# secret_key = "env(SECRET_VALUE)"
-
-[db.migrations]
-# If disabled, migrations will be skipped during a db push or reset.
-enabled = true
-# Specifies an ordered list of schema files that describe your database.
-# Supports glob patterns relative to supabase directory: "./schemas/*.sql"
-schema_paths = [
-  "./schemas/roles.sql",
-  "./schemas/functions/can_assign_role.sql",
-  "./schemas/users.sql",
-  "./schemas/user_roles.sql",
-  "./schemas/functions/custom_access_token_hook.sql",
-  "./schemas/functions/handle_new_user.sql",
-  "./schemas/functions/handle_user_email_update.sql",
-  "./schemas/functions/handle_user_role_update.sql",
-  "./schemas/categories.sql",
-  "./schemas/subcategories.sql",
-  "./schemas/inventory_items.sql",
-  "./schemas/stores.sql",
-  "./schemas/functions/can_manage_store.sql",
-  "./schemas/functions/can_manage_store_public.sql",
-  "./schemas/store_admins.sql",
-  "./schemas/functions/handle_new_store_admin.sql",
-  "./schemas/store_items.sql",
-  "./schemas/tickets.sql",
-  "./schemas/ticket_items.sql",
-  "./schemas/donations.sql",
-  "./schemas/functions/handle_ticket_fulfillment.sql",
-  "./schemas/*.sql",
-  "./schemas/functions/*.sql"
-]
-
-[db.seed]
-# If enabled, seeds the database after migrations during a db reset.
-enabled = true
-# Specifies an ordered list of seed files to load during db reset.
-# Supports glob patterns relative to supabase directory: "./seeds/*.sql"
-sql_paths = [
-  "./seeds/roles.sql",
-  "./seeds/auth.sql",
-  "./seeds/user_roles.sql",
-  "./seeds/categories.sql",
-  "./seeds/subcategories.sql",
-  "./seeds/inventory_items.sql",
-  "./seeds/stores.sql",
-  "./seeds/store_admins.sql",
-  "./seeds/store_items.sql",
-  "./seeds/tickets.sql",
-  "./seeds/ticket_items.sql",
-  "./seeds/donations.sql",
-  "./seeds/*.sql"
-]
-
-[db.network_restrictions]
-# Enable management of network restrictions.
-enabled = false
-# List of IPv4 CIDR blocks allowed to connect to the database.
-# Defaults to allow all IPv4 connections. Set empty array to block all IPs.
-allowed_cidrs = ["0.0.0.0/0"]
-# List of IPv6 CIDR blocks allowed to connect to the database.
-# Defaults to allow all IPv6 connections. Set empty array to block all IPs.
-allowed_cidrs_v6 = ["::/0"]
-
-[realtime]
-enabled = true
-# Bind realtime via either IPv4 or IPv6. (default: IPv4)
-# ip_version = "IPv6"
-# The maximum length in bytes of HTTP request headers. (default: 4096)
-# max_header_length = 4096
-
-[studio]
-enabled = true
-# Port to use for Supabase Studio.
-port = 54323
-# External URL of the API server that frontend connects to.
-api_url = "http://127.0.0.1"
-# OpenAI API Key to use for Supabase AI in the Supabase Studio.
-openai_api_key = "env(OPENAI_API_KEY)"
-
-# Email testing server. Emails sent with the local dev setup are not actually sent - rather, they
-# are monitored, and you can view the emails that would have been sent from the web interface.
-[inbucket]
-enabled = true
-# Port to use for the email testing server web interface.
-port = 54324
-# Uncomment to expose additional ports for testing user applications that send emails.
-# smtp_port = 54325
-# pop3_port = 54326
-# admin_email = "admin@email.com"
-# sender_name = "Admin"
-
-[storage]
-enabled = true
-# The maximum file size allowed (e.g. "5MB", "500KB").
-file_size_limit = "50MiB"
-
-# Image transformation API is available to Supabase Pro plan.
-# [storage.image_transformation]
-# enabled = true
-
-# Uncomment to configure local storage buckets
-# [storage.buckets.images]
-# public = false
-# file_size_limit = "50MiB"
-# allowed_mime_types = ["image/png", "image/jpeg"]
-# objects_path = "./images"
-
-[storage.buckets.profile_photos]
-public = true
-file_size_limit = "200KB"
-allowed_mime_types = ["image/png", "image/jpeg"]
-
-[auth]
-enabled = true
-# The base URL of your website. Used as an allow-list for redirects and for constructing URLs used
-# in emails.
-site_url = "http://localhost:3000"
-# A list of *exact* URLs that auth providers are permitted to redirect to post authentication.
-additional_redirect_urls = ["https://localhost:3000"]
-# How long tokens are valid for, in seconds. Defaults to 3600 (1 hour), maximum 604,800 (1 week).
-jwt_expiry = 900
-# JWT issuer URL. If not set, defaults to the local API URL (http://127.0.0.1:<port>/auth/v1).
-# jwt_issuer = ""
-# Path to JWT signing key. DO NOT commit your signing keys file to git.
-# signing_keys_path = "./signing_keys.json"
-# If disabled, the refresh token will never expire.
-enable_refresh_token_rotation = true
-# Allows refresh tokens to be reused after expiry, up to the specified interval in seconds.
-# Requires enable_refresh_token_rotation = true.
-refresh_token_reuse_interval = 10
-# Allow/disallow new user signups to your project.
-enable_signup = true
-# Allow/disallow anonymous sign-ins to your project.
-enable_anonymous_sign_ins = false
-# Allow/disallow testing manual linking of accounts
-enable_manual_linking = false
-# Passwords shorter than this value will be rejected as weak. Minimum 6, recommended 8 or more.
-minimum_password_length = 8
-# Passwords that do not meet the following requirements will be rejected as weak. Supported values
-# are: `letters_digits`, `lower_upper_letters_digits`, `lower_upper_letters_digits_symbols`
-password_requirements = "lower_upper_letters_digits_symbols"
-
-[auth.rate_limit]
-# Number of emails that can be sent per hour. Requires auth.email.smtp to be enabled.
-email_sent = 2
-# Number of SMS messages that can be sent per hour. Requires auth.sms to be enabled.
-sms_sent = 30
-# Number of anonymous sign-ins that can be made per hour per IP address. Requires enable_anonymous_sign_ins = true.
-anonymous_users = 30
-# Number of sessions that can be refreshed in a 5 minute interval per IP address.
-token_refresh = 150
-# Number of sign up and sign-in requests that can be made in a 5 minute interval per IP address (excludes anonymous users).
-sign_in_sign_ups = 30
-# Number of OTP / Magic link verifications that can be made in a 5 minute interval per IP address.
-token_verifications = 30
-# Number of Web3 logins that can be made in a 5 minute interval per IP address.
-web3 = 30
-
-# Configure one of the supported captcha providers: `hcaptcha`, `turnstile`.
-# [auth.captcha]
-# enabled = true
-# provider = "hcaptcha"
-# secret = ""
-
-[auth.email]
-# Allow/disallow new user signups via email to your project.
-enable_signup = true
-# If enabled, a user will be required to confirm any email change on both the old, and new email
-# addresses. If disabled, only the new email is required to confirm.
-double_confirm_changes = true
-# If enabled, users need to confirm their email address before signing in.
-enable_confirmations = false
-# If enabled, users will need to reauthenticate or have logged in recently to change their password.
-secure_password_change = false
-# Controls the minimum amount of time that must pass before sending another signup confirmation or password reset email.
-max_frequency = "1s"
-# Number of characters used in the email OTP.
-otp_length = 6
-# Number of seconds before the email OTP expires (defaults to 1 hour).
-otp_expiry = 3600
-
-# Use a production-ready SMTP server
-# [auth.email.smtp]
-# enabled = true
-# host = "smtp.sendgrid.net"
-# port = 587
-# user = "apikey"
-# pass = "env(SENDGRID_API_KEY)"
-# admin_email = "admin@email.com"
-# sender_name = "Admin"
-
-# Uncomment to customize email template
-# [auth.email.template.invite]
-# subject = "You have been invited"
-# content_path = "./supabase/templates/invite.html"
-
-[auth.email.template.email_change]
-subject = "Confirm email change"
-content_path = "./supabase/templates/email-change.html"
-
-[auth.email.template.confirmation]
-subject = "Confirm sign-up"
-content_path = "./supabase/templates/sign-up.html"
-
-[auth.email.template.recovery]
-subject = "Confirm password reset"
-content_path = "./supabase/templates/password-reset.html"
-
-# Uncomment to customize notification email template
-# [auth.email.notification.password_changed]
-# enabled = true
-# subject = "Your password has been changed"
-# content_path = "./templates/password_changed_notification.html"
-
-[auth.sms]
-# Allow/disallow new user signups via SMS to your project.
-enable_signup = false
-# If enabled, users need to confirm their phone number before signing in.
-enable_confirmations = false
-# Template for sending OTP to users
-template = "Your code is {{ .Code }}"
-# Controls the minimum amount of time that must pass before sending another sms otp.
-max_frequency = "5s"
-
-# Use pre-defined map of phone number to OTP for testing.
-# [auth.sms.test_otp]
-# 4152127777 = "123456"
-
-# Configure logged in session timeouts.
-# [auth.sessions]
-# Force log out after the specified duration.
-# timebox = "24h"
-# Force log out if the user has been inactive longer than the specified duration.
-# inactivity_timeout = "8h"
-
-# This hook runs before a new user is created and allows developers to reject the request based on the incoming user object.
-# [auth.hook.before_user_created]
-# enabled = true
-# uri = "pg-functions://postgres/auth/before-user-created-hook"
-
-# This hook runs before a token is issued and allows you to add additional claims based on the authentication method used.
-[auth.hook.custom_access_token]
-enabled = true
-uri = "pg-functions://postgres/public/custom_access_token_hook"
-
-# Configure one of the supported SMS providers: `twilio`, `twilio_verify`, `messagebird`, `textlocal`, `vonage`.
-[auth.sms.twilio]
-enabled = false
-account_sid = ""
-message_service_sid = ""
-# DO NOT commit your Twilio auth token to git. Use environment variable substitution instead:
-auth_token = "env(SUPABASE_AUTH_SMS_TWILIO_AUTH_TOKEN)"
-
-# Multi-factor-authentication is available to Supabase Pro plan.
-[auth.mfa]
-# Control how many MFA factors can be enrolled at once per user.
-max_enrolled_factors = 10
-
-# Control MFA via App Authenticator (TOTP)
-[auth.mfa.totp]
-enroll_enabled = true
-verify_enabled = true
-
-# Configure MFA via Phone Messaging
-[auth.mfa.phone]
-enroll_enabled = true
-verify_enabled = true
-otp_length = 6
-template = "Your code is {{ .Code }}"
-max_frequency = "5s"
-
-# Configure MFA via WebAuthn
-# [auth.mfa.web_authn]
-# enroll_enabled = true
-# verify_enabled = true
-
-# Use an external OAuth provider. The full list of providers are: `apple`, `azure`, `bitbucket`,
-# `discord`, `facebook`, `github`, `gitlab`, `google`, `keycloak`, `linkedin_oidc`, `notion`, `twitch`,
-# `twitter`, `slack`, `spotify`, `workos`, `zoom`.
-[auth.external.apple]
-enabled = false
-client_id = ""
-# DO NOT commit your OAuth provider secret to git. Use environment variable substitution instead:
-secret = "env(SUPABASE_AUTH_EXTERNAL_APPLE_SECRET)"
-# Overrides the default auth redirectUrl.
-redirect_uri = ""
-# Overrides the default auth provider URL. Used to support self-hosted gitlab, single-tenant Azure,
-# or any other third-party OIDC providers.
-url = ""
-# If enabled, the nonce check will be skipped. Required for local sign in with Google auth.
-skip_nonce_check = false
-# If enabled, it will allow the user to successfully authenticate when the provider does not return an email address.
-email_optional = false
-
-# Allow Solana wallet holders to sign in to your project via the Sign in with Solana (SIWS, EIP-4361) standard.
-# You can configure "web3" rate limit in the [auth.rate_limit] section and set up [auth.captcha] if self-hosting.
-[auth.web3.solana]
-enabled = false
-
-# Use Firebase Auth as a third-party provider alongside Supabase Auth.
-[auth.third_party.firebase]
-enabled = false
-# project_id = "my-firebase-project"
-
-# Use Auth0 as a third-party provider alongside Supabase Auth.
-[auth.third_party.auth0]
-enabled = false
-# tenant = "my-auth0-tenant"
-# tenant_region = "us"
-
-# Use AWS Cognito (Amplify) as a third-party provider alongside Supabase Auth.
-[auth.third_party.aws_cognito]
-enabled = false
-# user_pool_id = "my-user-pool-id"
-# user_pool_region = "us-east-1"
-
-# Use Clerk as a third-party provider alongside Supabase Auth.
-[auth.third_party.clerk]
-enabled = false
-# Obtain from https://clerk.com/setup/supabase
-# domain = "example.clerk.accounts.dev"
-
-# OAuth server configuration
-[auth.oauth_server]
-# Enable OAuth server functionality
-enabled = false
-# Path for OAuth consent flow UI
-authorization_url_path = "/oauth/consent"
-# Allow dynamic client registration
-allow_dynamic_registration = false
-
-[edge_runtime]
-enabled = true
-# Supported request policies: `oneshot`, `per_worker`.
-# `per_worker` (default) — enables hot reload during local development.
-# `oneshot` — fallback mode if hot reload causes issues (e.g. in large repos or with symlinks).
-policy = "per_worker"
-# Port to attach the Chrome inspector for debugging edge functions.
-inspector_port = 8083
-# The Deno major version to use.
-deno_version = 2
-
-# [edge_runtime.secrets]
-# secret_key = "env(SECRET_VALUE)"
-
-[analytics]
-enabled = true
-port = 54327
-# Configure one of the supported backends: `postgres`, `bigquery`.
-backend = "postgres"
-
-# Experimental features may be deprecated any time
-[experimental]
-# Configures Postgres storage engine to use OrioleDB (S3)
-orioledb_version = ""
-# Configures S3 bucket URL, eg. <bucket_name>.s3-<region>.amazonaws.com
-s3_host = "env(S3_HOST)"
-# Configures S3 bucket region, eg. us-east-1
-s3_region = "env(S3_REGION)"
-# Configures AWS_ACCESS_KEY_ID for S3 bucket
-s3_access_key = "env(S3_ACCESS_KEY)"
-# Configures AWS_SECRET_ACCESS_KEY for S3 bucket
-s3_secret_key = "env(S3_SECRET_KEY)"
+# For detailed configuration reference documentation, visit:
+# https://supabase.com/docs/guides/local-development/cli/config
+# A string used to distinguish different Supabase projects on the same host. Defaults to the
+# working directory name when running `supabase init`.
+project_id = "path-app"
+
+[api]
+enabled = true
+# Port to use for the API URL.
+port = 54321
+# Schemas to expose in your API. Tables, views and stored procedures in this schema will get API
+# endpoints. `public` and `graphql_public` schemas are included by default.
+schemas = ["public", "graphql_public"]
+# Extra schemas to add to the search_path of every request.
+extra_search_path = ["public", "extensions"]
+# The maximum number of rows returns from a view, table, or stored procedure. Limits payload size
+# for accidental or malicious requests.
+max_rows = 1000
+
+[api.tls]
+# Enable HTTPS endpoints locally using a self-signed certificate.
+enabled = false
+# Paths to self-signed certificate pair.
+# cert_path = "../certs/my-cert.pem"
+# key_path = "../certs/my-key.pem"
+
+[db]
+# Port to use for the local database URL.
+port = 54322
+# Port used by db diff command to initialize the shadow database.
+shadow_port = 54320
+# The database major version to use. This has to be the same as your remote database's. Run `SHOW
+# server_version;` on the remote database to check.
+major_version = 17
+
+[db.pooler]
+enabled = false
+# Port to use for the local connection pooler.
+port = 54329
+# Specifies when a server connection can be reused by other clients.
+# Configure one of the supported pooler modes: `transaction`, `session`.
+pool_mode = "transaction"
+# How many server connections to allow per user/database pair.
+default_pool_size = 20
+# Maximum number of client connections allowed.
+max_client_conn = 100
+
+# [db.vault]
+# secret_key = "env(SECRET_VALUE)"
+
+[db.migrations]
+# If disabled, migrations will be skipped during a db push or reset.
+enabled = true
+# Specifies an ordered list of schema files that describe your database.
+# Supports glob patterns relative to supabase directory: "./schemas/*.sql"
+schema_paths = [
+  "./schemas/roles.sql",
+  "./schemas/functions/can_assign_role.sql",
+  "./schemas/users.sql",
+  "./schemas/user_roles.sql",
+  "./schemas/functions/custom_access_token_hook.sql",
+  "./schemas/functions/handle_new_user.sql",
+  "./schemas/functions/handle_user_email_update.sql",
+  "./schemas/functions/handle_user_role_update.sql",
+  "./schemas/categories.sql",
+  "./schemas/subcategories.sql",
+  "./schemas/inventory_items.sql",
+  "./schemas/stores.sql",
+  "./schemas/functions/can_manage_store.sql",
+  "./schemas/functions/can_manage_store_public.sql",
+  "./schemas/store_admins.sql",
+  "./schemas/functions/handle_new_store_admin.sql",
+  "./schemas/store_items.sql",
+  "./schemas/tickets.sql",
+  "./schemas/ticket_items.sql",
+  "./schemas/donations.sql",
+  "./schemas/functions/handle_ticket_fulfillment.sql",
+  "./schemas/*.sql",
+  "./schemas/functions/*.sql"
+]
+
+[db.seed]
+# If enabled, seeds the database after migrations during a db reset.
+enabled = true
+# Specifies an ordered list of seed files to load during db reset.
+# Supports glob patterns relative to supabase directory: "./seeds/*.sql"
+sql_paths = [
+  "./seeds/roles.sql",
+  "./seeds/auth.sql",
+  "./seeds/user_roles.sql",
+  "./seeds/categories.sql",
+  "./seeds/subcategories.sql",
+  "./seeds/inventory_items.sql",
+  "./seeds/stores.sql",
+  "./seeds/store_admins.sql",
+  "./seeds/store_items.sql",
+  "./seeds/tickets.sql",
+  "./seeds/ticket_items.sql",
+  "./seeds/donations.sql",
+  "./seeds/*.sql"
+]
+
+[db.network_restrictions]
+# Enable management of network restrictions.
+enabled = false
+# List of IPv4 CIDR blocks allowed to connect to the database.
+# Defaults to allow all IPv4 connections. Set empty array to block all IPs.
+allowed_cidrs = ["0.0.0.0/0"]
+# List of IPv6 CIDR blocks allowed to connect to the database.
+# Defaults to allow all IPv6 connections. Set empty array to block all IPs.
+allowed_cidrs_v6 = ["::/0"]
+
+[realtime]
+enabled = true
+# Bind realtime via either IPv4 or IPv6. (default: IPv4)
+# ip_version = "IPv6"
+# The maximum length in bytes of HTTP request headers. (default: 4096)
+# max_header_length = 4096
+
+[studio]
+enabled = true
+# Port to use for Supabase Studio.
+port = 54323
+# External URL of the API server that frontend connects to.
+api_url = "http://127.0.0.1"
+# OpenAI API Key to use for Supabase AI in the Supabase Studio.
+openai_api_key = "env(OPENAI_API_KEY)"
+
+# Email testing server. Emails sent with the local dev setup are not actually sent - rather, they
+# are monitored, and you can view the emails that would have been sent from the web interface.
+[inbucket]
+enabled = true
+# Port to use for the email testing server web interface.
+port = 54324
+# Uncomment to expose additional ports for testing user applications that send emails.
+# smtp_port = 54325
+# pop3_port = 54326
+# admin_email = "admin@email.com"
+# sender_name = "Admin"
+
+[storage]
+enabled = true
+# The maximum file size allowed (e.g. "5MB", "500KB").
+file_size_limit = "50MiB"
+
+# Image transformation API is available to Supabase Pro plan.
+# [storage.image_transformation]
+# enabled = true
+
+# Uncomment to configure local storage buckets
+# [storage.buckets.images]
+# public = false
+# file_size_limit = "50MiB"
+# allowed_mime_types = ["image/png", "image/jpeg"]
+# objects_path = "./images"
+
+[storage.buckets.profile_photos]
+public = true
+file_size_limit = "200KB"
+allowed_mime_types = ["image/png", "image/jpeg"]
+
+[auth]
+enabled = true
+# The base URL of your website. Used as an allow-list for redirects and for constructing URLs used
+# in emails.
+site_url = "http://localhost:3000"
+# A list of *exact* URLs that auth providers are permitted to redirect to post authentication.
+additional_redirect_urls = ["https://localhost:3000"]
+# How long tokens are valid for, in seconds. Defaults to 3600 (1 hour), maximum 604,800 (1 week).
+jwt_expiry = 900
+# JWT issuer URL. If not set, defaults to the local API URL (http://127.0.0.1:<port>/auth/v1).
+# jwt_issuer = ""
+# Path to JWT signing key. DO NOT commit your signing keys file to git.
+# signing_keys_path = "./signing_keys.json"
+# If disabled, the refresh token will never expire.
+enable_refresh_token_rotation = true
+# Allows refresh tokens to be reused after expiry, up to the specified interval in seconds.
+# Requires enable_refresh_token_rotation = true.
+refresh_token_reuse_interval = 10
+# Allow/disallow new user signups to your project.
+enable_signup = true
+# Allow/disallow anonymous sign-ins to your project.
+enable_anonymous_sign_ins = false
+# Allow/disallow testing manual linking of accounts
+enable_manual_linking = false
+# Passwords shorter than this value will be rejected as weak. Minimum 6, recommended 8 or more.
+minimum_password_length = 8
+# Passwords that do not meet the following requirements will be rejected as weak. Supported values
+# are: `letters_digits`, `lower_upper_letters_digits`, `lower_upper_letters_digits_symbols`
+password_requirements = "lower_upper_letters_digits_symbols"
+
+[auth.rate_limit]
+# Number of emails that can be sent per hour. Requires auth.email.smtp to be enabled.
+email_sent = 2
+# Number of SMS messages that can be sent per hour. Requires auth.sms to be enabled.
+sms_sent = 30
+# Number of anonymous sign-ins that can be made per hour per IP address. Requires enable_anonymous_sign_ins = true.
+anonymous_users = 30
+# Number of sessions that can be refreshed in a 5 minute interval per IP address.
+token_refresh = 150
+# Number of sign up and sign-in requests that can be made in a 5 minute interval per IP address (excludes anonymous users).
+sign_in_sign_ups = 30
+# Number of OTP / Magic link verifications that can be made in a 5 minute interval per IP address.
+token_verifications = 30
+# Number of Web3 logins that can be made in a 5 minute interval per IP address.
+web3 = 30
+
+# Configure one of the supported captcha providers: `hcaptcha`, `turnstile`.
+# [auth.captcha]
+# enabled = true
+# provider = "hcaptcha"
+# secret = ""
+
+[auth.email]
+# Allow/disallow new user signups via email to your project.
+enable_signup = true
+# If enabled, a user will be required to confirm any email change on both the old, and new email
+# addresses. If disabled, only the new email is required to confirm.
+double_confirm_changes = true
+# If enabled, users need to confirm their email address before signing in.
+enable_confirmations = true
+# If enabled, users will need to reauthenticate or have logged in recently to change their password.
+secure_password_change = false
+# Controls the minimum amount of time that must pass before sending another signup confirmation or password reset email.
+max_frequency = "1s"
+# Number of characters used in the email OTP.
+otp_length = 6
+# Number of seconds before the email OTP expires (defaults to 1 hour).
+otp_expiry = 3600
+
+# Use a production-ready SMTP server
+# [auth.email.smtp]
+# enabled = true
+# host = "smtp.sendgrid.net"
+# port = 587
+# user = "apikey"
+# pass = "env(SENDGRID_API_KEY)"
+# admin_email = "admin@email.com"
+# sender_name = "Admin"
+
+# Uncomment to customize email template
+# [auth.email.template.invite]
+# subject = "You have been invited"
+# content_path = "./supabase/templates/invite.html"
+
+[auth.email.template.email_change]
+subject = "Confirm email change"
+content_path = "./supabase/templates/email-change.html"
+
+[auth.email.template.confirmation]
+subject = "Confirm sign-up"
+content_path = "./supabase/templates/sign-up.html"
+
+[auth.email.template.recovery]
+subject = "Confirm password reset"
+content_path = "./supabase/templates/password-reset.html"
+
+# Uncomment to customize notification email template
+# [auth.email.notification.password_changed]
+# enabled = true
+# subject = "Your password has been changed"
+# content_path = "./templates/password_changed_notification.html"
+
+[auth.sms]
+# Allow/disallow new user signups via SMS to your project.
+enable_signup = false
+# If enabled, users need to confirm their phone number before signing in.
+enable_confirmations = false
+# Template for sending OTP to users
+template = "Your code is {{ .Code }}"
+# Controls the minimum amount of time that must pass before sending another sms otp.
+max_frequency = "5s"
+
+# Use pre-defined map of phone number to OTP for testing.
+# [auth.sms.test_otp]
+# 4152127777 = "123456"
+
+# Configure logged in session timeouts.
+# [auth.sessions]
+# Force log out after the specified duration.
+# timebox = "24h"
+# Force log out if the user has been inactive longer than the specified duration.
+# inactivity_timeout = "8h"
+
+# This hook runs before a new user is created and allows developers to reject the request based on the incoming user object.
+# [auth.hook.before_user_created]
+# enabled = true
+# uri = "pg-functions://postgres/auth/before-user-created-hook"
+
+# This hook runs before a token is issued and allows you to add additional claims based on the authentication method used.
+[auth.hook.custom_access_token]
+enabled = true
+uri = "pg-functions://postgres/public/custom_access_token_hook"
+
+# Configure one of the supported SMS providers: `twilio`, `twilio_verify`, `messagebird`, `textlocal`, `vonage`.
+[auth.sms.twilio]
+enabled = false
+account_sid = ""
+message_service_sid = ""
+# DO NOT commit your Twilio auth token to git. Use environment variable substitution instead:
+auth_token = "env(SUPABASE_AUTH_SMS_TWILIO_AUTH_TOKEN)"
+
+# Multi-factor-authentication is available to Supabase Pro plan.
+[auth.mfa]
+# Control how many MFA factors can be enrolled at once per user.
+max_enrolled_factors = 10
+
+# Control MFA via App Authenticator (TOTP)
+[auth.mfa.totp]
+enroll_enabled = true
+verify_enabled = true
+
+# Configure MFA via Phone Messaging
+[auth.mfa.phone]
+enroll_enabled = true
+verify_enabled = true
+otp_length = 6
+template = "Your code is {{ .Code }}"
+max_frequency = "5s"
+
+# Configure MFA via WebAuthn
+# [auth.mfa.web_authn]
+# enroll_enabled = true
+# verify_enabled = true
+
+# Use an external OAuth provider. The full list of providers are: `apple`, `azure`, `bitbucket`,
+# `discord`, `facebook`, `github`, `gitlab`, `google`, `keycloak`, `linkedin_oidc`, `notion`, `twitch`,
+# `twitter`, `slack`, `spotify`, `workos`, `zoom`.
+[auth.external.apple]
+enabled = false
+client_id = ""
+# DO NOT commit your OAuth provider secret to git. Use environment variable substitution instead:
+secret = "env(SUPABASE_AUTH_EXTERNAL_APPLE_SECRET)"
+# Overrides the default auth redirectUrl.
+redirect_uri = ""
+# Overrides the default auth provider URL. Used to support self-hosted gitlab, single-tenant Azure,
+# or any other third-party OIDC providers.
+url = ""
+# If enabled, the nonce check will be skipped. Required for local sign in with Google auth.
+skip_nonce_check = false
+# If enabled, it will allow the user to successfully authenticate when the provider does not return an email address.
+email_optional = false
+
+# Allow Solana wallet holders to sign in to your project via the Sign in with Solana (SIWS, EIP-4361) standard.
+# You can configure "web3" rate limit in the [auth.rate_limit] section and set up [auth.captcha] if self-hosting.
+[auth.web3.solana]
+enabled = false
+
+# Use Firebase Auth as a third-party provider alongside Supabase Auth.
+[auth.third_party.firebase]
+enabled = false
+# project_id = "my-firebase-project"
+
+# Use Auth0 as a third-party provider alongside Supabase Auth.
+[auth.third_party.auth0]
+enabled = false
+# tenant = "my-auth0-tenant"
+# tenant_region = "us"
+
+# Use AWS Cognito (Amplify) as a third-party provider alongside Supabase Auth.
+[auth.third_party.aws_cognito]
+enabled = false
+# user_pool_id = "my-user-pool-id"
+# user_pool_region = "us-east-1"
+
+# Use Clerk as a third-party provider alongside Supabase Auth.
+[auth.third_party.clerk]
+enabled = false
+# Obtain from https://clerk.com/setup/supabase
+# domain = "example.clerk.accounts.dev"
+
+# OAuth server configuration
+[auth.oauth_server]
+# Enable OAuth server functionality
+enabled = false
+# Path for OAuth consent flow UI
+authorization_url_path = "/oauth/consent"
+# Allow dynamic client registration
+allow_dynamic_registration = false
+
+[edge_runtime]
+enabled = true
+# Supported request policies: `oneshot`, `per_worker`.
+# `per_worker` (default) — enables hot reload during local development.
+# `oneshot` — fallback mode if hot reload causes issues (e.g. in large repos or with symlinks).
+policy = "per_worker"
+# Port to attach the Chrome inspector for debugging edge functions.
+inspector_port = 8083
+# The Deno major version to use.
+deno_version = 2
+
+# [edge_runtime.secrets]
+# secret_key = "env(SECRET_VALUE)"
+
+[analytics]
+enabled = true
+port = 54327
+# Configure one of the supported backends: `postgres`, `bigquery`.
+backend = "postgres"
+
+# Experimental features may be deprecated any time
+[experimental]
+# Configures Postgres storage engine to use OrioleDB (S3)
+orioledb_version = ""
+# Configures S3 bucket URL, eg. <bucket_name>.s3-<region>.amazonaws.com
+s3_host = "env(S3_HOST)"
+# Configures S3 bucket region, eg. us-east-1
+s3_region = "env(S3_REGION)"
+# Configures AWS_ACCESS_KEY_ID for S3 bucket
+s3_access_key = "env(S3_ACCESS_KEY)"
+# Configures AWS_SECRET_ACCESS_KEY for S3 bucket
+s3_secret_key = "env(S3_SECRET_KEY)"