fix: show the claimant their own claim, not the loser's message

src/components/bounty/ClaimButton.test.tsx

@@ -108,6 +108,51 @@ describe("ClaimButton", () => {
     expect(screen.queryByText(/Claimed by:/)).not.toBeInTheDocument();
   });
 
+  describe("the claimant's own view of their claim (#699)", () => {
+    it("shows 'You're working on this' with PR instructions instead of the loser's message", () => {
+      mockAuth({ id: "user-1", stellarAddress: "GSTELLAR" });
+      mockHooks(
+        {},
+        {
+          status: "claimed",
+          bounty: { id: "b1", status: "claimed", claimedById: "user-1", issueNumber: 42 },
+        },
+      );
+      render(<ClaimButton bountyId="b1" />);
+
+      expect(screen.getByText("You're working on this")).toBeInTheDocument();
+      expect(screen.getByText("Fixes #42")).toBeInTheDocument();
+      expect(screen.queryByText(/This bounty has already been/)).not.toBeInTheDocument();
+    });
+
+    it("still shows the generic already-claimed view to a different signed-in user", () => {
+      mockAuth({ id: "user-2", stellarAddress: "GOTHER" });
+      mockHooks(
+        {},
+        {
+          status: "claimed",
+          bounty: { id: "b1", status: "claimed", claimedById: "user-1", claimedBy: "alice" },
+        },
+      );
+      render(<ClaimButton bountyId="b1" />);
+
+      expect(screen.getByText(/This bounty has already been/)).toBeInTheDocument();
+      expect(screen.queryByText("You're working on this")).not.toBeInTheDocument();
+    });
+
+    it("shows the generic already-claimed view when signed out", () => {
+      mockAuth(null);
+      mockHooks(
+        {},
+        { status: "claimed", bounty: { id: "b1", status: "claimed", claimedById: "user-1" } },
+      );
+      render(<ClaimButton bountyId="b1" />);
+
+      expect(screen.getByText(/This bounty has already been/)).toBeInTheDocument();
+      expect(screen.queryByText("You're working on this")).not.toBeInTheDocument();
+    });
+  });
+
   it("shows the auto-refresh hint only while polling", () => {
     mockHooks({}, { isPolling: true });
     render(<ClaimButton bountyId="b1" />);

src/components/bounty/ClaimButton.tsx

@@ -186,6 +186,30 @@ export function ClaimButton({
   const needsPayoutWallet = !!user && !user.stellarAddress;
 
   if (status === 'claimed') {
+    // The claimant sees this same view on every later visit too, not just
+    // right after the 5s success notice expires -- "already claimed" /
+    // "Claimed by: ..." reads like they lost a race they actually won, with
+    // no indication of what to do next (#699).
+    const isOwnClaim = !!user && !!bounty?.claimedById && bounty.claimedById === user.id;
+
+    if (isOwnClaim) {
+      return (
+        <div
+          className={`p-4 bg-indigo-50 border border-indigo-200 rounded-lg ${className}`}
+          role="status"
+        >
+          <h4 className="text-indigo-800 font-semibold">You&apos;re working on this</h4>
+          <p className="text-indigo-700 text-sm mt-1">
+            Open a pull request that says{' '}
+            <code className="rounded bg-indigo-100 px-1 py-0.5 text-indigo-900">
+              Fixes #{bounty?.issueNumber}
+            </code>{' '}
+            in its description. The reward releases automatically once it&apos;s merged.
+          </p>
+        </div>
+      );
+    }
+
     return (
       <div className={`p-4 bg-gray-50 border border-gray-200 rounded-lg ${className}`}>
         <p className="text-gray-600">