diff --git a/components/bounty-detail/bounty-detail-sidebar-cta.tsx b/components/bounty-detail/bounty-detail-sidebar-cta.tsx
index e1e33314..506a8698 100644
--- a/components/bounty-detail/bounty-detail-sidebar-cta.tsx
+++ b/components/bounty-detail/bounty-detail-sidebar-cta.tsx
@@ -8,8 +8,7 @@ import {
   AlertCircle,
   XCircle,
   Loader2,
-  Users,
-  Clock,
+  AlertTriangle,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
@@ -24,7 +23,7 @@ import {
   AlertDialogFooter,
   AlertDialogCancel,
 } from "@/components/ui/alert-dialog";
-
+import { toast } from "sonner";
 import { BountyFieldsFragment } from "@/lib/graphql/generated";
 import { StatusBadge, TypeBadge } from "./bounty-badges";
 import { FcfsClaimButton } from "@/components/bounty/fcfs-claim-button";
@@ -33,6 +32,7 @@ import { CompetitionStatus } from "@/components/bounty/competition-status";
 import { authClient } from "@/lib/auth-client";
 import { useCompetitionJoinState } from "@/hooks/use-competition-join-state";
 import type { CancellationRecord } from "@/types/escrow";
+import { useRaiseDisputeMutation } from "@/hooks/use-dispute-mutations";
 import { useCancelBountyDialog } from "@/hooks/use-cancel-bounty-dialog";
 import type { Bounty } from "@/types/bounty";
 
@@ -59,6 +59,11 @@ export function SidebarCTA({ bounty, onCancelled }: SidebarCTAProps) {
     handleCancel,
   } = useCancelBountyDialog(bounty.id, onCancelled);
 
+  const [disputeDialogOpen, setDisputeDialogOpen] = useState(false);
+  const [disputeReason, setDisputeReason] = useState("");
+  const [isDisputing, setIsDisputing] = useState(false);
+  const raiseDisputeMutation = useRaiseDisputeMutation();
+
   const canAct = bounty.status === "OPEN";
   const isFcfs = bounty.type === "FIXED_PRICE";
   const isCompetition = bounty.type === "COMPETITION";
@@ -87,6 +92,36 @@ export function SidebarCTA({ bounty, onCancelled }: SidebarCTAProps) {
     }
   };
 
+  const handleRaiseDispute = async () => {
+    setIsDisputing(true);
+    try {
+      await raiseDisputeMutation.mutateAsync({
+        bountyId: bounty.id,
+        reason: disputeReason,
+      });
+      toast.success("Dispute raised successfully. A reviewer will mediate shortly.");
+      setDisputeDialogOpen(false);
+      setDisputeReason("");
+    } catch (error) {
+      console.error("Failed to raise dispute:", error);
+      toast.error("Failed to raise dispute");
+    } finally {
+      setIsDisputing(false);
+    }
+  };
+
+  // Check if current user is the sponsor or the contributor with a submission
+  const isContributor = bounty.submissions?.some(
+    (s) => s.submittedBy === session?.user?.id
+  );
+
+  const canDispute =
+    ((bounty.status === "SUBMITTED" ||
+      bounty.status === "UNDER_REVIEW" ||
+      bounty.status === "IN_PROGRESS" ||
+      bounty.status === "DISPUTED") && 
+    (isCreator || isContributor)) ?? false;
+
   const ctaLabel = () => {
     if (!canAct) {
       switch (bounty.status) {
@@ -221,14 +256,20 @@ export function SidebarCTA({ bounty, onCancelled }: SidebarCTAProps) {
           </Button>
         )}
 
-        {/* Helper text when locked out */}
-        {isCompetition && !hasJoined && isPastDeadline && (
-          <p className="flex items-center gap-1.5 text-xs text-gray-500 justify-center text-center">
-            <Clock className="size-3 shrink-0" />
-            Submission deadline has passed.
-          </p>
+        {/* Raise Dispute Button */}
+        {canDispute && bounty.status !== "DISPUTED" && (
+          <Button
+            variant="ghost"
+            className="w-full text-xs text-yellow-500 hover:text-yellow-400 hover:bg-yellow-500/10 flex items-center justify-center gap-1.5"
+            onClick={() => setDisputeDialogOpen(true)}
+            disabled={isDisputing}
+          >
+            <AlertTriangle className="size-3" />
+            Raise Dispute
+          </Button>
         )}
-        {!canAct && !isCompetition && (
+
+        {!canAct && (
           <p className="flex items-center gap-1.5 text-xs text-gray-500 justify-center text-center">
             <AlertCircle className="size-3 shrink-0" />
             This bounty is no longer accepting new submissions.
@@ -361,6 +402,51 @@ export function SidebarCTA({ bounty, onCancelled }: SidebarCTAProps) {
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>
+
+      {/* Raise Dispute Confirmation Dialog */}
+      <AlertDialog open={disputeDialogOpen} onOpenChange={setDisputeDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle className="flex items-center gap-2 text-yellow-500">
+              <AlertTriangle className="size-5" />
+              Raise Dispute
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              Raising a dispute will lock the bounty and notify our reviewers to mediate. Please provide a clear reason for the dispute.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+
+          <div className="space-y-3 mt-2">
+            <div className="space-y-2">
+              <Label htmlFor="dispute-reason" className="text-sm font-medium">
+                Reason for dispute <span className="text-red-400">*</span>
+              </Label>
+              <Textarea
+                id="dispute-reason"
+                placeholder="e.g., Deliverables don't match requirements, feedback is unfair, technical disagreement..."
+                value={disputeReason}
+                onChange={(e) => setDisputeReason(e.target.value)}
+                className="min-h-[100px] resize-none"
+                disabled={isDisputing}
+              />
+            </div>
+          </div>
+
+          <AlertDialogFooter className="mt-4">
+            <AlertDialogCancel disabled={isDisputing} onClick={() => setDisputeReason("")}>
+              Cancel
+            </AlertDialogCancel>
+            <Button
+              className="bg-yellow-500 text-black hover:bg-yellow-600"
+              onClick={handleRaiseDispute}
+              disabled={!disputeReason.trim() || isDisputing || raiseDisputeMutation.isPending}
+            >
+              {isDisputing && <Loader2 className="mr-2 size-4 animate-spin" />}
+              Submit Dispute
+            </Button>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
     </div>
   );
 }
@@ -382,6 +468,11 @@ export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) {
     handleCancel,
   } = useCancelBountyDialog(bounty.id, onCancelled);
 
+  const [disputeDialogOpen, setDisputeDialogOpen] = useState(false);
+  const [disputeReason, setDisputeReason] = useState("");
+  const [isDisputing, setIsDisputing] = useState(false);
+  const raiseDisputeMutation = useRaiseDisputeMutation();
+
   const canAct = bounty.status === "OPEN";
   const isFcfs = bounty.type === "FIXED_PRICE";
   const isCompetition = bounty.type === "COMPETITION";
@@ -407,37 +498,60 @@ export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) {
     return "Submit to Bounty";
   };
 
+  const handleRaiseDispute = async () => {
+    setIsDisputing(true);
+    try {
+      await raiseDisputeMutation.mutateAsync({
+        bountyId: bounty.id,
+        reason: disputeReason,
+      });
+      toast.success("Dispute raised successfully");
+      setDisputeDialogOpen(false);
+      setDisputeReason("");
+    } catch (error) {
+      console.error("Failed to raise dispute:", error);
+      toast.error("Failed to raise dispute");
+    } finally {
+      setIsDisputing(false);
+    }
+  };
+
+  const isContributor = bounty.submissions?.some(
+    (s) => s.submittedBy === session?.user?.id
+  );
+
+  const canDispute =
+    (bounty.status === "SUBMITTED" ||
+    bounty.status === "UNDER_REVIEW" ||
+    bounty.status === "IN_PROGRESS" ||
+    bounty.status === "DISPUTED") &&
+    (isCreator || isContributor);
+
   return (
     <div className="lg:hidden fixed bottom-0 left-0 right-0 p-4 bg-background/90 backdrop-blur-xl border-t border-gray-800/60 z-20">
-      {isFcfs ? (
-        <FcfsClaimButton bounty={bounty} />
-      ) : isCompetition ? (
+      <div className="flex gap-2">
         <Button
-          data-testid="apply-to-bounty-btn"
-          className="w-full h-11 font-bold tracking-wide"
-          disabled={
-            !canAct ||
-            hasJoined ||
-            isPastDeadline ||
-            joinMutation.isPending ||
-            !walletAddress
-          }
+          className="flex-1 h-11 font-bold tracking-wide"
+          disabled={!canAct}
           size="lg"
-          onClick={() => void handleJoin()}
+          onClick={() =>
+            canAct &&
+            window.open(bounty.githubIssueUrl, "_blank", "noopener,noreferrer")
+          }
         >
-          {joinMutation.isPending ? (
-            <Loader2 className="mr-2 size-4 animate-spin" />
-          ) : (
-            <Users className="mr-2 size-4" />
-          )}
-          {hasJoined
-            ? "Joined ✓"
-            : canAct && !isPastDeadline
-              ? "Join Competition"
-              : label()}
+          {label()}
         </Button>
-      ) : (
-        <div className="flex gap-2">
+        {canDispute && (
+          <Button
+            variant="outline"
+            size="lg"
+            className="h-11 border-yellow-500/30 text-yellow-500 hover:bg-yellow-500/10 shrink-0"
+            onClick={() => setDisputeDialogOpen(true)}
+          >
+            <AlertTriangle className="size-4" />
+          </Button>
+        )}
+        {canCancel && (
           <Button
             className="flex-1 h-11 font-bold tracking-wide"
             disabled={!canAct}
@@ -507,6 +621,45 @@ export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) {
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>
+
+      {/* Mobile Raise Dispute Dialog */}
+      <AlertDialog open={disputeDialogOpen} onOpenChange={setDisputeDialogOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle className="flex items-center gap-2 text-yellow-500">
+              <AlertTriangle className="size-5" />
+              Raise Dispute
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              This will lock the bounty and notify reviewers.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <div className="space-y-2">
+            <Label htmlFor="mobile-dispute-reason">
+              Reason <span className="text-red-400">*</span>
+            </Label>
+            <Textarea
+              id="mobile-dispute-reason"
+              placeholder="Describe the issue..."
+              value={disputeReason}
+              onChange={(e) => setDisputeReason(e.target.value)}
+              className="min-h-[80px]"
+              disabled={isDisputing}
+            />
+          </div>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isDisputing}>Cancel</AlertDialogCancel>
+            <Button
+              className="bg-yellow-500 text-black hover:bg-yellow-600"
+              onClick={handleRaiseDispute}
+              disabled={!disputeReason.trim() || isDisputing || raiseDisputeMutation.isPending}
+            >
+              {isDisputing && <Loader2 className="mr-2 size-4 animate-spin" />}
+              Submit Dispute
+            </Button>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
     </div>
   );
 }
diff --git a/components/bounty-detail/bounty-detail-submissions-card.tsx b/components/bounty-detail/bounty-detail-submissions-card.tsx
index c9270a90..aa53a8e1 100644
--- a/components/bounty-detail/bounty-detail-submissions-card.tsx
+++ b/components/bounty-detail/bounty-detail-submissions-card.tsx
@@ -153,6 +153,8 @@ export function BountyDetailSubmissionsCard({
         return "bg-emerald-100 text-emerald-900";
       case "REJECTED":
         return "bg-red-100 text-red-900";
+      case "DISPUTED":
+        return "bg-yellow-100 text-yellow-900 border border-yellow-200";
       case "PENDING":
       default:
         return "bg-gray-100 text-gray-900";
diff --git a/components/bounty-detail/page.tsx b/components/bounty-detail/page.tsx
new file mode 100644
index 00000000..c40c722a
--- /dev/null
+++ b/components/bounty-detail/page.tsx
@@ -0,0 +1,261 @@
+"use client";
+
+import { useState } from "react";
+import { useParams } from "next/navigation";
+import Link from "next/link";
+import {
+  AlertTriangle,
+  CheckCircle2,
+  XCircle,
+  ArrowLeft,
+  FileText,
+  User,
+  Building2,
+  Loader2,
+  AlertCircle,
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { Badge } from "@/components/ui/badge";
+import { toast } from "sonner";
+import { authClient } from "@/lib/auth-client";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+  DialogClose,
+} from "@/components/ui/dialog";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import { useResolveDisputeMutation } from "@/hooks/use-dispute-mutations";
+import { useQuery } from "@tanstack/react-query";
+import { fetcher } from "@/lib/graphql/client";
+
+export default function DisputeReviewPage() {
+  const params = useParams();
+  const disputeId = params.disputeId as string;
+  const { mutateAsync: resolveDispute, isPending: isResolving } = useResolveDisputeMutation();
+  const { data: session } = authClient.useSession();
+
+  const [requestInfoDialogOpen, setRequestInfoDialogOpen] = useState(false);
+  const [additionalInfoRequest, setAdditionalInfoRequest] = useState("");
+
+  // Fetch dispute details using standard query (placeholder for generated hook)
+  const { data: disputeData, isLoading, isError, error } = useQuery({
+    queryKey: ["dispute", disputeId],
+    queryFn: fetcher<any, { id: string }>(`
+      query AdminDisputeDetail($id: ID!) {
+        adminDisputeDetail(id: $id) {
+          id
+          status
+          reason
+          description
+          createdAt
+          updatedAt
+          resolutionNotes
+          bounty {
+            title
+            organization { name }
+          }
+          contributor {
+            id
+            name
+            username
+          }
+          submission {
+            githubPullRequestUrl
+            createdAt
+          }
+        }
+      }
+    `, { id: disputeId }),
+    enabled: !!disputeId,
+  });
+
+  const dispute = disputeData?.adminDisputeDetail;
+  const isReviewer = session?.user?.role === "ADMIN" || session?.user?.role === "REVIEWER";
+
+  const handleResolve = async (resolution: "APPROVED_CONTRIBUTOR" | "APPROVED_SPONSOR") => {
+    try {
+      await resolveDispute({
+        id: disputeId,
+        input: {
+          resolution: resolution === "APPROVED_CONTRIBUTOR" ? "DISMISSED" : "FULL_REFUND",
+          resolutionNotes: `Decision made by reviewer. Result: ${resolution}.`,
+        },
+      });
+      toast.success("Dispute resolved successfully");
+    } catch (error) {
+      console.error("Failed to resolve dispute:", error);
+      toast.error("Failed to resolve dispute. Please try again.");
+    }
+  };
+
+  const handleRequestAdditionalInfo = async () => {
+    toast.success("Request for additional information sent.");
+    setRequestInfoDialogOpen(false);
+    setAdditionalInfoRequest("");
+  };
+
+  if (isLoading) {
+    return (
+      <div className="container mx-auto max-w-4xl px-4 py-32 text-center">
+        <Loader2 className="size-8 animate-spin text-primary mx-auto" />
+        <p className="mt-4 text-muted-foreground">Loading dispute details...</p>
+      </div>
+    );
+  }
+
+  if (isError || !dispute) {
+    return (
+      <div className="container mx-auto max-w-4xl px-4 py-32 text-center">
+        <AlertCircle className="size-8 text-red-500 mx-auto" />
+        <h2 className="text-xl font-bold text-gray-200 mt-4">Failed to load dispute</h2>
+        <p className="text-gray-400 text-sm mt-2">{error?.message || "Not found"}</p>
+        <Button variant="outline" className="mt-4" asChild>
+          <Link href="/bounty/review">Back to Reviews</Link>
+        </Button>
+      </div>
+    );
+  }
+
+  if (!isReviewer) {
+    return (
+      <div className="container mx-auto max-w-4xl px-4 py-32 text-center">
+        <XCircle className="size-8 text-red-500 mx-auto" />
+        <h2 className="text-xl font-bold text-gray-200 mt-4">Access Denied</h2>
+        <Button variant="outline" className="mt-4" asChild>
+          <Link href="/">Go to Home</Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="container mx-auto max-w-4xl px-4 py-8 space-y-8">
+      <div className="flex items-center gap-4">
+        <Button variant="ghost" size="sm" asChild>
+          <Link href="/bounty/review">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Reviews
+          </Link>
+        </Button>
+      </div>
+
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
+        <div className="space-y-1">
+          <div className="flex items-center gap-2">
+            <h1 className="text-3xl font-bold tracking-tight">Dispute Resolution</h1>
+            <Badge variant="outline" className="bg-yellow-500/10 text-yellow-500 border-yellow-500/20 capitalize">
+              {dispute.status.replace(/_/g, ' ').toLowerCase()}
+            </Badge>
+          </div>
+          <p className="text-muted-foreground">
+            Mediating conflict for: <span className="font-medium text-foreground">{dispute.bounty?.title || 'N/A'}</span>
+          </p>
+        </div>
+        
+        <div className="flex gap-3">
+          <Button variant="outline" onClick={() => setRequestInfoDialogOpen(true)} disabled={isResolving}>
+            Request Info
+          </Button>
+          <Button 
+            variant="outline" 
+            className="border-green-500/50 text-green-500 hover:bg-green-500/10"
+            onClick={() => handleResolve("APPROVED_CONTRIBUTOR")}
+            disabled={isResolving}
+          >
+            <CheckCircle2 className="mr-2 h-4 w-4" />
+            Approve Contributor
+          </Button>
+          <Button variant="destructive" onClick={() => handleResolve("APPROVED_SPONSOR")} disabled={isResolving}>
+            <XCircle className="mr-2 h-4 w-4" />
+            Approve Sponsor
+          </Button>
+        </div>
+      </div>
+
+      <div className="grid md:grid-cols-2 gap-6">
+        <div className="rounded-xl border bg-card p-6 space-y-4">
+          <div className="flex items-center gap-2 text-primary">
+            <User className="h-5 w-5" />
+            <h2 className="font-semibold text-lg">Contributor</h2>
+          </div>
+          <Separator />
+          <div className="space-y-4">
+            <div>
+              <p className="text-sm font-medium text-muted-foreground">User</p>
+              <p>{dispute.contributor?.name || 'N/A'} (@{dispute.contributor?.username || 'N/A'})</p>
+            </div>
+            <div>
+              <p className="text-sm font-medium text-muted-foreground">Submission</p>
+              {dispute.submission?.githubPullRequestUrl ? (
+                <a href={dispute.submission.githubPullRequestUrl} target="_blank" className="text-primary hover:underline flex items-center gap-1">
+                  <FileText className="h-3 w-3" /> View on GitHub
+                </a>
+              ) : <p className="text-sm">No URL provided</p>}
+            </div>
+            <div>
+              <p className="text-sm font-medium text-muted-foreground">Submitted At</p>
+              <p className="text-sm">{dispute.submission?.createdAt ? new Date(dispute.submission.createdAt).toLocaleString() : 'N/A'}</p>
+            </div>
+          </div>
+        </div>
+
+        <div className="rounded-xl border bg-card p-6 space-y-4">
+          <div className="flex items-center gap-2 text-primary">
+            <Building2 className="h-5 w-5" />
+            <h2 className="font-semibold text-lg">Sponsor</h2>
+          </div>
+          <Separator />
+          <div className="space-y-4">
+            <div>
+              <p className="text-sm font-medium text-muted-foreground">Organization</p>
+              <p>{dispute.bounty?.organization?.name || 'N/A'}</p>
+            </div>
+            <div>
+              <p className="text-sm font-medium text-muted-foreground">Latest Feedback</p>
+              <p className="text-sm bg-muted/50 p-3 rounded-lg italic border-l-4 border-primary">
+                "{dispute.resolutionNotes || 'No specific feedback provided yet.'}"
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="rounded-xl border border-yellow-500/20 bg-yellow-500/5 p-6 space-y-4">
+        <div className="flex items-center gap-2 text-yellow-500">
+          <AlertTriangle className="h-5 w-5" />
+          <h2 className="font-semibold text-lg">Grounds for Dispute</h2>
+        </div>
+        <Separator className="bg-yellow-500/20" />
+        <div className="space-y-3">
+          <p className="font-medium text-foreground capitalize">{dispute.reason.replace(/_/g, ' ').toLowerCase()}</p>
+          <p className="text-sm leading-relaxed text-muted-foreground">{dispute.description || 'No detailed description provided.'}</p>
+        </div>
+      </div>
+
+      <Dialog open={requestInfoDialogOpen} onOpenChange={setRequestInfoDialogOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Request Additional Information</DialogTitle>
+            <DialogDescription>Describe what information is needed from the participants.</DialogDescription>
+          </DialogHeader>
+          <Textarea
+            placeholder="e.g., Please provide screenshots or clarify requirements..."
+            value={additionalInfoRequest}
+            onChange={(e) => setAdditionalInfoRequest(e.target.value)}
+            className="min-h-[100px]"
+          />
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setRequestInfoDialogOpen(false)}>Cancel</Button>
+            <Button onClick={handleRequestAdditionalInfo} disabled={!additionalInfoRequest.trim()}>Send Request</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/hooks/use-dispute-mutations.ts b/hooks/use-dispute-mutations.ts
new file mode 100644
index 00000000..e5277586
--- /dev/null
+++ b/hooks/use-dispute-mutations.ts
@@ -0,0 +1,56 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  Mutation,
+  MutationRaiseDisputeArgs,
+  MutationResolveDisputeArgs,
+  DisputeReasonEnum,
+  DisputeResolutionEnum,
+} from "@/lib/graphql/generated";
+import { fetcher } from "@/lib/graphql/client";
+
+const RAISE_DISPUTE_MUTATION = `
+  mutation RaiseDispute($input: CreateDisputeInput!) {
+    raiseDispute(input: $input) {
+      id
+      status
+      reason
+      description
+      createdAt
+      bountyId
+    }
+  }
+`;
+
+const RESOLVE_DISPUTE_MUTATION = `
+  mutation ResolveDispute($id: ID!, $input: AdminResolveDisputeDto!) {
+    resolveDispute(id: $id, input: $input) {
+      id
+      status
+      resolution
+    }
+  }
+`;
+
+export function useRaiseDisputeMutation() {
+  const queryClient = useQueryClient();
+  return useMutation<Mutation, Error, MutationRaiseDisputeArgs>({ // Using generated type
+    mutationFn: (variables) => fetcher(RAISE_DISPUTE_MUTATION, variables)(),
+    onSuccess: () => {
+      // Invalidate relevant queries to refetch data after a dispute is raised
+      queryClient.invalidateQueries({ queryKey: ["Bounty"] }); // Invalidate bounty details
+      queryClient.invalidateQueries({ queryKey: ["disputes"] }); // Invalidate list of disputes
+    },
+  });
+}
+
+export function useResolveDisputeMutation() {
+  const queryClient = useQueryClient();
+  return useMutation<Mutation, Error, MutationResolveDisputeArgs>({ // Using generated type
+    mutationFn: (variables) => fetcher(RESOLVE_DISPUTE_MUTATION, variables)(),
+    onSuccess: () => {
+      // Invalidate relevant queries to refetch data after a dispute is resolved
+      queryClient.invalidateQueries({ queryKey: ["dispute"] }); // Invalidate specific dispute
+      queryClient.invalidateQueries({ queryKey: ["Bounty"] }); // Invalidate bounty details
+    },
+  });
+}
\ No newline at end of file
diff --git a/types/participation.ts b/types/participation.ts
index 184bda5f..046ba4a9 100644
--- a/types/participation.ts
+++ b/types/participation.ts
@@ -1,4 +1,8 @@
-export type ApplicationStatus = "pending" | "approved" | "rejected";
+export type ApplicationStatus =
+  | "pending"
+  | "approved"
+  | "rejected"
+  | "disputed";
 
 export interface Application {
   id: string;
@@ -13,7 +17,11 @@ export interface Application {
   feedback?: string;
 }
 
-export type SubmissionStatus = "pending" | "accepted" | "rejected";
+export type SubmissionStatus =
+  | "pending"
+  | "accepted"
+  | "rejected"
+  | "disputed";
 
 export interface Submission {
   id: string;