feat(backend): add standalone data plane

Replace the Supabase application data plane with the Node/PostgreSQL API, migrate mobile, admin, web, and MCP callers, add controlled cutover tooling, and define hardened Dokploy infrastructure.

apps/admin/src/pages/RedemptionCodesPage.tsx

@@ -1,69 +1,69 @@
 import { useState, useEffect, useCallback } from 'react';
 
-import { supabase } from '@/config';
-import { auditedSupabase } from '@/hooks/useAuditedSupabase';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Badge } from '@/components/ui/badge';
+import { adminData } from '@/lib/adminApi';
+import { auditedAdminData } from '@/hooks/useAuditedAdminData';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
 import { PaginationControls } from '@/components/ui/pagination';
 
-import { Switch } from '@/components/ui/switch';
-import {
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-} from '@/components/ui/table';
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-} from "@/components/ui/dialog";
-import { Label } from "@/components/ui/label";
-import { Search, Ticket, Trash2, Plus, Copy, Users } from 'lucide-react';
-import { format } from 'date-fns';
-import { toast } from 'sonner';
-
-interface RedemptionCode {
-    id: string;
-    code: string;
-    description: string | null;
-    max_uses: number;
-    current_uses: number;
-    expires_at: string | null;
-    is_active: boolean;
-    created_by: string | null;
-    created_at: string;
-    updated_at: string;
-}
-
-interface CodeRedemption {
-    id: string;
-    user_id: string;
-    redeemed_at: string;
-    profile?: {
-        name: string | null;
-        email: string | null;
-    };
-}
-
-function generateCode(length: number = 8): string {
-    const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'; // Removed confusing chars like 0, O, I, 1
-    let result = '';
-    for (let i = 0; i < length; i++) {
-        result += chars.charAt(Math.floor(Math.random() * chars.length));
-    }
-    return result;
-}
-
-export function RedemptionCodesPage() {
+import { Switch } from '@/components/ui/switch';
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from '@/components/ui/table';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from "@/components/ui/dialog";
+import { Label } from "@/components/ui/label";
+import { Search, Ticket, Trash2, Plus, Copy, Users } from 'lucide-react';
+import { format } from 'date-fns';
+import { toast } from 'sonner';
+
+interface RedemptionCode {
+    id: string;
+    code: string;
+    description: string | null;
+    max_uses: number;
+    current_uses: number;
+    expires_at: string | null;
+    is_active: boolean;
+    created_by: string | null;
+    created_at: string;
+    updated_at: string;
+}
+
+interface CodeRedemption {
+    id: string;
+    user_id: string;
+    redeemed_at: string;
+    profile?: {
+        name: string | null;
+        email: string | null;
+    };
+}
+
+function generateCode(length: number = 8): string {
+    const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'; // Removed confusing chars like 0, O, I, 1
+    let result = '';
+    for (let i = 0; i < length; i++) {
+        result += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    return result;
+}
+
+export function RedemptionCodesPage() {
     const [codes, setCodes] = useState<RedemptionCode[]>([]);
     const [loading, setLoading] = useState(true);
     const [search, setSearch] = useState('');
@@ -71,18 +71,18 @@ export function RedemptionCodesPage() {
     const [pageSize, setPageSize] = useState(25);
     const [totalCount, setTotalCount] = useState(0);
 
-
-    // Add Code State
-    const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    const [formData, setFormData] = useState({
-        code: '',
-        description: '',
-        max_uses: 1,
-        expires_at: '',
-    });
-
-    // View Redemptions State
+
+    // Add Code State
+    const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [formData, setFormData] = useState({
+        code: '',
+        description: '',
+        max_uses: 1,
+        expires_at: '',
+    });
+
+    // View Redemptions State
     const [viewingCode, setViewingCode] = useState<RedemptionCode | null>(null);
     const [redemptions, setRedemptions] = useState<CodeRedemption[]>([]);
     const [loadingRedemptions, setLoadingRedemptions] = useState(false);
@@ -90,9 +90,9 @@ export function RedemptionCodesPage() {
     const [redemptionsPageSize, setRedemptionsPageSize] = useState(10);
     const [redemptionsTotal, setRedemptionsTotal] = useState(0);
 
-
 
-
+
+
     const fetchCodes = useCallback(async () => {
         setLoading(true);
         try {
@@ -100,7 +100,7 @@ export function RedemptionCodesPage() {
             const to = from + pageSize - 1;
             const trimmedSearch = search.trim();
 
-            let query = supabase
+            let query = adminData
                 .from('redemption_codes')
                 .select('*', { count: 'exact' })
                 .order('created_at', { ascending: false });
@@ -122,14 +122,14 @@ export function RedemptionCodesPage() {
         }
     }, [page, pageSize, search]);
 
-
+
     const fetchRedemptions = useCallback(async (codeId: string) => {
         setLoadingRedemptions(true);
         try {
             const from = (redemptionsPage - 1) * redemptionsPageSize;
             const to = from + redemptionsPageSize - 1;
 
-            const { data: redemptionData, error: redemptionError, count } = await supabase
+            const { data: redemptionData, error: redemptionError, count } = await adminData
                 .from('code_redemptions')
                 .select('id, user_id, redeemed_at', { count: 'exact' })
                 .eq('code_id', codeId)
@@ -142,7 +142,7 @@ export function RedemptionCodesPage() {
 
             if (redemptionData && redemptionData.length > 0) {
                 const userIds = redemptionData.map(r => r.user_id);
-                const { data: profileData } = await supabase
+                const { data: profileData } = await adminData
                     .from('profiles')
                     .select('id, name, email')
                     .in('id', userIds);
@@ -191,117 +191,117 @@ export function RedemptionCodesPage() {
         }
     }, [redemptionsPage, redemptionsPageSize, redemptionsTotal]);
 
-
-    const handleAddCode = async () => {
-        if (!formData.code.trim()) {
-            toast.error("Please enter a code");
-            return;
-        }
-
-        setIsSubmitting(true);
-        try {
-            const { error } = await auditedSupabase.insert('redemption_codes', {
-                code: formData.code.toUpperCase().trim(),
-                description: formData.description.trim() || null,
-                max_uses: formData.max_uses,
-                current_uses: 0,
-                expires_at: formData.expires_at || null,
-                is_active: true,
-            });
-
-            if (error) throw error;
-
-            toast.success("Redemption code created");
-            setIsAddDialogOpen(false);
-            resetForm();
-            fetchCodes();
-        } catch (error: any) {
-            console.error('Failed to create code:', error);
-            if (error.message?.includes('duplicate') || error.code === '23505') {
-                toast.error("This code already exists");
-            } else {
-                toast.error(error.message || "Failed to create code");
-            }
-        } finally {
-            setIsSubmitting(false);
-        }
-    };
-
-    const handleToggleActive = async (code: RedemptionCode) => {
-        try {
-            const { error } = await auditedSupabase.update('redemption_codes', code.id, {
-                is_active: !code.is_active,
-            });
-
-            if (error) throw error;
-
-            toast.success(code.is_active ? "Code deactivated" : "Code activated");
-            fetchCodes();
-        } catch (error: any) {
-            toast.error("Failed to update code");
-        }
-    };
-
-    const handleDeleteCode = async (code: RedemptionCode) => {
-        if (!confirm(`Are you sure you want to delete the code "${code.code}"? This cannot be undone.`)) {
-            return;
-        }
-
-        try {
-            const { error } = await auditedSupabase.delete('redemption_codes', code.id);
-
-            if (error) throw error;
-
-            toast.success("Code deleted");
-            fetchCodes();
-        } catch (error: any) {
-            toast.error("Failed to delete code");
-        }
-    };
-
-    const copyToClipboard = (text: string) => {
-        navigator.clipboard.writeText(text);
-        toast.success("Copied to clipboard");
-    };
-
-    const resetForm = () => {
-        setFormData({
-            code: '',
-            description: '',
-            max_uses: 1,
-            expires_at: '',
-        });
-    };
-
-    const handleOpenAddDialog = () => {
-        resetForm();
-        setFormData(prev => ({ ...prev, code: generateCode() }));
-        setIsAddDialogOpen(true);
-    };
-
+
+    const handleAddCode = async () => {
+        if (!formData.code.trim()) {
+            toast.error("Please enter a code");
+            return;
+        }
+
+        setIsSubmitting(true);
+        try {
+            const { error } = await auditedAdminData.insert('redemption_codes', {
+                code: formData.code.toUpperCase().trim(),
+                description: formData.description.trim() || null,
+                max_uses: formData.max_uses,
+                current_uses: 0,
+                expires_at: formData.expires_at || null,
+                is_active: true,
+            });
+
+            if (error) throw error;
+
+            toast.success("Redemption code created");
+            setIsAddDialogOpen(false);
+            resetForm();
+            fetchCodes();
+        } catch (error: any) {
+            console.error('Failed to create code:', error);
+            if (error.message?.includes('duplicate') || error.code === '23505') {
+                toast.error("This code already exists");
+            } else {
+                toast.error(error.message || "Failed to create code");
+            }
+        } finally {
+            setIsSubmitting(false);
+        }
+    };
+
+    const handleToggleActive = async (code: RedemptionCode) => {
+        try {
+            const { error } = await auditedAdminData.update('redemption_codes', code.id, {
+                is_active: !code.is_active,
+            });
+
+            if (error) throw error;
+
+            toast.success(code.is_active ? "Code deactivated" : "Code activated");
+            fetchCodes();
+        } catch (error: any) {
+            toast.error("Failed to update code");
+        }
+    };
+
+    const handleDeleteCode = async (code: RedemptionCode) => {
+        if (!confirm(`Are you sure you want to delete the code "${code.code}"? This cannot be undone.`)) {
+            return;
+        }
+
+        try {
+            const { error } = await auditedAdminData.delete('redemption_codes', code.id);
+
+            if (error) throw error;
+
+            toast.success("Code deleted");
+            fetchCodes();
+        } catch (error: any) {
+            toast.error("Failed to delete code");
+        }
+    };
+
+    const copyToClipboard = (text: string) => {
+        navigator.clipboard.writeText(text);
+        toast.success("Copied to clipboard");
+    };
+
+    const resetForm = () => {
+        setFormData({
+            code: '',
+            description: '',
+            max_uses: 1,
+            expires_at: '',
+        });
+    };
+
+    const handleOpenAddDialog = () => {
+        resetForm();
+        setFormData(prev => ({ ...prev, code: generateCode() }));
+        setIsAddDialogOpen(true);
+    };
+
     const handleViewRedemptions = (code: RedemptionCode) => {
         setViewingCode(code);
         setRedemptionsPage(1);
     };
 
-
+
     const filteredCodes = codes;
 
-
-    const getStatusBadge = (code: RedemptionCode) => {
-        if (!code.is_active) {
-            return <Badge variant="secondary">Inactive</Badge>;
-        }
-        if (code.expires_at && new Date(code.expires_at) < new Date()) {
-            return <Badge variant="destructive">Expired</Badge>;
-        }
-        if (code.current_uses >= code.max_uses) {
-            return <Badge variant="outline">Exhausted</Badge>;
-        }
-        return <Badge variant="default">Active</Badge>;
-    };
-
-    return (
+
+    const getStatusBadge = (code: RedemptionCode) => {
+        if (!code.is_active) {
+            return <Badge variant="secondary">Inactive</Badge>;
+        }
+        if (code.expires_at && new Date(code.expires_at) < new Date()) {
+            return <Badge variant="destructive">Expired</Badge>;
+        }
+        if (code.current_uses >= code.max_uses) {
+            return <Badge variant="outline">Exhausted</Badge>;
+        }
+        return <Badge variant="default">Active</Badge>;
+    };
+
+    return (
         <div className="space-y-6">
             <div className="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
                 <div>
@@ -317,9 +317,9 @@ export function RedemptionCodesPage() {
                             placeholder="Search codes..."
                             value={search}
                             onChange={(e) => setSearch(e.target.value)}
-                            className="pl-9"
-                        />
-                    </div>
+                            className="pl-9"
+                        />
+                    </div>
                     <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
                         <DialogTrigger asChild>
                             <Button onClick={handleOpenAddDialog} className="w-full sm:w-auto">
@@ -327,14 +327,14 @@ export function RedemptionCodesPage() {
                                 Generate Code
                             </Button>
                         </DialogTrigger>
-                        <DialogContent className="sm:max-w-[425px]">
-                            <DialogHeader>
-                                <DialogTitle>Generate Redemption Code</DialogTitle>
-                                <DialogDescription>
-                                    Create a new code that users can redeem for premium access.
-                                </DialogDescription>
-                            </DialogHeader>
-                            <div className="grid gap-4 py-4">
+                        <DialogContent className="sm:max-w-[425px]">
+                            <DialogHeader>
+                                <DialogTitle>Generate Redemption Code</DialogTitle>
+                                <DialogDescription>
+                                    Create a new code that users can redeem for premium access.
+                                </DialogDescription>
+                            </DialogHeader>
+                            <div className="grid gap-4 py-4">
                                 <div className="grid gap-2">
                                     <Label>Code</Label>
                                     <div className="flex flex-col gap-2 sm:flex-row">
@@ -343,57 +343,57 @@ export function RedemptionCodesPage() {
                                             onChange={(e) => setFormData(prev => ({ ...prev, code: e.target.value.toUpperCase() }))}
                                             placeholder="e.g., PREMIUM2024"
                                             className="font-mono"
-                                        />
-                                        <Button
-                                            variant="outline"
-                                            size="icon"
-                                            onClick={() => setFormData(prev => ({ ...prev, code: generateCode() }))}
-                                            title="Generate random code"
-                                        >
-                                            <Ticket className="h-4 w-4" />
-                                        </Button>
-                                    </div>
-                                </div>
-                                <div className="grid gap-2">
-                                    <Label>Description (optional)</Label>
-                                    <Input
-                                        value={formData.description}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, description: e.target.value }))}
-                                        placeholder="e.g., Early adopter reward"
-                                    />
-                                </div>
-                                <div className="grid gap-2">
-                                    <Label>Max Uses</Label>
-                                    <Input
-                                        type="number"
-                                        min={1}
-                                        value={formData.max_uses}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, max_uses: parseInt(e.target.value) || 1 }))}
-                                    />
-                                    <p className="text-xs text-muted-foreground">
-                                        How many times this code can be redeemed
-                                    </p>
-                                </div>
-                                <div className="grid gap-2">
-                                    <Label>Expires At (optional)</Label>
-                                    <Input
-                                        type="datetime-local"
-                                        value={formData.expires_at}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, expires_at: e.target.value }))}
-                                    />
-                                </div>
-                            </div>
-                            <DialogFooter>
-                                <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>Cancel</Button>
-                                <Button onClick={handleAddCode} disabled={!formData.code.trim() || isSubmitting}>
-                                    {isSubmitting ? 'Creating...' : 'Create Code'}
-                                </Button>
-                            </DialogFooter>
-                        </DialogContent>
-                    </Dialog>
-                </div>
-            </div>
-
+                                        />
+                                        <Button
+                                            variant="outline"
+                                            size="icon"
+                                            onClick={() => setFormData(prev => ({ ...prev, code: generateCode() }))}
+                                            title="Generate random code"
+                                        >
+                                            <Ticket className="h-4 w-4" />
+                                        </Button>
+                                    </div>
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Description (optional)</Label>
+                                    <Input
+                                        value={formData.description}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, description: e.target.value }))}
+                                        placeholder="e.g., Early adopter reward"
+                                    />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Max Uses</Label>
+                                    <Input
+                                        type="number"
+                                        min={1}
+                                        value={formData.max_uses}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, max_uses: parseInt(e.target.value) || 1 }))}
+                                    />
+                                    <p className="text-xs text-muted-foreground">
+                                        How many times this code can be redeemed
+                                    </p>
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Expires At (optional)</Label>
+                                    <Input
+                                        type="datetime-local"
+                                        value={formData.expires_at}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, expires_at: e.target.value }))}
+                                    />
+                                </div>
+                            </div>
+                            <DialogFooter>
+                                <Button variant="outline" onClick={() => setIsAddDialogOpen(false)}>Cancel</Button>
+                                <Button onClick={handleAddCode} disabled={!formData.code.trim() || isSubmitting}>
+                                    {isSubmitting ? 'Creating...' : 'Create Code'}
+                                </Button>
+                            </DialogFooter>
+                        </DialogContent>
+                    </Dialog>
+                </div>
+            </div>
+
             <div className="rounded-md border">
                 <Table>
                     <TableHeader>
@@ -545,18 +545,18 @@ export function RedemptionCodesPage() {
                 />
             )}
 
-
-            {/* View Redemptions Dialog */}
-            <Dialog open={!!viewingCode} onOpenChange={(open) => !open && setViewingCode(null)}>
-                <DialogContent className="sm:max-w-[500px]">
-                    <DialogHeader>
-                        <DialogTitle>
-                            Redemptions for <code className="font-mono bg-muted px-2 py-0.5 rounded">{viewingCode?.code}</code>
-                        </DialogTitle>
-                        <DialogDescription>
-                            {viewingCode?.current_uses || 0} of {viewingCode?.max_uses} uses
-                        </DialogDescription>
-                    </DialogHeader>
+
+            {/* View Redemptions Dialog */}
+            <Dialog open={!!viewingCode} onOpenChange={(open) => !open && setViewingCode(null)}>
+                <DialogContent className="sm:max-w-[500px]">
+                    <DialogHeader>
+                        <DialogTitle>
+                            Redemptions for <code className="font-mono bg-muted px-2 py-0.5 rounded">{viewingCode?.code}</code>
+                        </DialogTitle>
+                        <DialogDescription>
+                            {viewingCode?.current_uses || 0} of {viewingCode?.max_uses} uses
+                        </DialogDescription>
+                    </DialogHeader>
                     <div className="max-h-[300px] overflow-y-auto">
                         {loadingRedemptions ? (
                             <div className="flex justify-center py-8">
@@ -607,10 +607,10 @@ export function RedemptionCodesPage() {
                     )}
                     <DialogFooter>
 
-                        <Button variant="outline" onClick={() => setViewingCode(null)}>Close</Button>
-                    </DialogFooter>
-                </DialogContent>
-            </Dialog>
-        </div>
-    );
-}
+                        <Button variant="outline" onClick={() => setViewingCode(null)}>Close</Button>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+        </div>
+    );
+}