feat: add campaign data recovery from orphaned recipients

client/src/hooks/use-campaigns.ts

@@ -205,6 +205,37 @@ export function useSendCampaign() {
   });
 }
 
+// POST /api/admin/campaigns/recover
+export function useRecoverCampaigns() {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+
+  return useMutation<
+    { recovered: number; campaigns: Array<{ id: number; name: string; subject: string; totalRecipients: number }>; message?: string },
+    Error,
+    void
+  >({
+    mutationFn: () =>
+      fetchJson(`${CAMPAIGNS_KEY}/recover`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({}),
+      }),
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: [CAMPAIGNS_KEY] });
+      queryClient.invalidateQueries({ queryKey: [DASHBOARD_KEY] });
+      if (data.recovered > 0) {
+        toast({ title: "Campaigns recovered", description: `Recovered ${data.recovered} campaign(s) from recipient data.` });
+      } else {
+        toast({ title: "No campaigns to recover", description: data.message || "No orphaned recipient data found." });
+      }
+    },
+    onError: (err: Error) => {
+      toast({ title: "Error", description: err.message, variant: "destructive" });
+    },
+  });
+}
+
 // POST /api/admin/campaigns/:id/cancel
 export function useCancelCampaign() {
   const queryClient = useQueryClient();

client/src/pages/AdminCampaigns.tsx

@@ -51,6 +51,7 @@ import {
   Loader2,
   Play,
   Pencil,
+  RotateCcw,
 } from "lucide-react";
 import { Link, useLocation } from "wouter";
 import DashboardNav from "@/components/DashboardNav";
@@ -66,6 +67,7 @@ import {
   useAutomatedCampaigns,
   useUpdateAutomatedCampaign,
   useTriggerAutomatedCampaign,
+  useRecoverCampaigns,
 } from "@/hooks/use-campaigns";
 import type { Campaign, AutomatedCampaignConfig } from "@shared/schema";
 
@@ -697,6 +699,7 @@ export default function AdminCampaigns() {
   const { data: campaigns, isLoading } = useCampaigns();
   const { data: dashboard } = useCampaignDashboard();
   const deleteCampaign = useDeleteCampaign();
+  const recoverCampaigns = useRecoverCampaigns();
 
   return (
     <div className="min-h-screen bg-background">
@@ -784,6 +787,20 @@ export default function AdminCampaigns() {
                     <Mail className="h-12 w-12 mx-auto mb-4 opacity-50" />
                     <p className="text-lg font-medium">No campaigns yet</p>
                     <p className="text-sm mt-1">Create your first email campaign to start communicating with users.</p>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      className="mt-4"
+                      onClick={() => recoverCampaigns.mutate()}
+                      disabled={recoverCampaigns.isPending}
+                    >
+                      {recoverCampaigns.isPending ? (
+                        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+                      ) : (
+                        <RotateCcw className="h-4 w-4 mr-2" />
+                      )}
+                      Recover lost campaigns
+                    </Button>
                   </div>
                 ) : (
                   <Table>