Index: pages/dashboard/user/+Page.tsx
===================================================================
--- pages/dashboard/user/+Page.tsx	(revision 1ac9ee4c292344780bd23707d9be69481891c46a)
+++ pages/dashboard/user/+Page.tsx	(revision b6e1b3c446e18031dea6a3444f7ec467670f9f2d)
@@ -17,4 +17,5 @@
 } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
+import DeleteIcon from '@mui/icons-material/Delete';
 
 import PersonIcon from '@mui/icons-material/Person';
@@ -38,9 +39,9 @@
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState<string | null>(null);
-
     const [openMyBuildsDialog, setOpenMyBuildsDialog] = useState(false);
     const [openFavoritesDialog, setOpenFavoritesDialog] = useState(false);
-
     const [selectedBuildId, setSelectedBuildId] = useState<number | null>(null);
+    const [deleteDialog, setDeleteDialog] = useState<{ open: boolean, buildId: number | null, buildName: string }>({ open: false, buildId: null, buildName: '' });
+    const [deleteLoading, setDeleteLoading] = useState(false);
 
     const loadData = () => {
@@ -61,12 +62,20 @@
     }, []);
 
-    const handleDelete = async (buildId: number) => {
-        if (!confirm("Are you sure you want to delete this build?")) return;
+    const openDeleteDialog = (buildId: number, buildName: string) => {
+        setDeleteDialog({ open: true, buildId, buildName });
+    };
+
+    const handleDelete = async () => {
+        if (!deleteDialog.buildId) return;
+        setDeleteLoading(true);
         try {
-            await onDeleteBuild({buildId});
-            loadData();
+            await onDeleteBuild({buildId: deleteDialog.buildId});
+            setDeleteDialog({ open: false, buildId: null, buildName: '' });
+            loadData(); // refresh na user i favorite builds
             setSelectedBuildId(null);
         } catch (e) {
             alert("Failed to delete build");
+        } finally {
+            setDeleteLoading(false);
         }
     };
@@ -86,5 +95,4 @@
                                                                                         variant="h6">{error}</Typography><Button
         href="/auth/login" variant="contained">Login</Button></Container>;
-    // console.log("Current User ID passed to dialog:", data?.user?.id);
 
     return (
@@ -150,5 +158,4 @@
                         <Grid item xs={12}>
                             <Paper elevation={3} sx={{p: 3, minHeight: '300px', bgcolor: '#1e1e1e'}}>
-
                                 <Box sx={{
                                     display: 'flex',
@@ -185,8 +192,25 @@
                                         {data.userBuilds.slice(0, 4).map((build: any) => (
                                             <Grid item xs={12} sm={6} md={4} key={build.id}>
-                                                <BuildCard
-                                                    build={build}
-                                                    onClick={() => setSelectedBuildId(build.id)}
-                                                />
+                                                <Box sx={{ position: 'relative' }}>
+                                                    <BuildCard
+                                                        build={build}
+                                                        onClick={() => setSelectedBuildId(build.id)}
+                                                    />
+                                                    <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
+                                                        <Button
+                                                            variant="outlined"
+                                                            color="error"
+                                                            size="small"
+                                                            startIcon={<DeleteIcon />}
+                                                            onClick={(e) => {
+                                                                e.stopPropagation();
+                                                                openDeleteDialog(build.id, build.name);
+                                                            }}
+                                                            sx={{ width: '100%' }}
+                                                        >
+                                                            Delete
+                                                        </Button>
+                                                    </Box>
+                                                </Box>
                                             </Grid>
                                         ))}
@@ -208,11 +232,28 @@
                                     {data.userBuilds.map((build: any) => (
                                         <Grid item xs={12} sm={6} md={4} key={build.id}>
-                                            <BuildCard
-                                                build={build}
-                                                onClick={() => {
-                                                    setOpenMyBuildsDialog(false);
-                                                    setSelectedBuildId(build.id);
-                                                }}
-                                            />
+                                            <Box sx={{ position: 'relative' }}>
+                                                <BuildCard
+                                                    build={build}
+                                                    onClick={() => {
+                                                        setOpenMyBuildsDialog(false);
+                                                        setSelectedBuildId(build.id);
+                                                    }}
+                                                />
+                                                <Box sx={{ mt: 1, display: 'flex', justifyContent: 'center' }}>
+                                                    <Button
+                                                        variant="outlined"
+                                                        color="error"
+                                                        size="small"
+                                                        startIcon={<DeleteIcon />}
+                                                        onClick={(e) => {
+                                                            e.stopPropagation();
+                                                            openDeleteDialog(build.id, build.name);
+                                                        }}
+                                                        sx={{ width: '100%' }}
+                                                    >
+                                                        Delete
+                                                    </Button>
+                                                </Box>
+                                            </Box>
                                         </Grid>
                                     ))}
@@ -252,4 +293,31 @@
                         </Dialog>
 
+                        <Dialog open={deleteDialog.open} onClose={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}>
+                            <DialogTitle>Delete Build</DialogTitle>
+                            <DialogContent>
+                                <Typography variant="h6" gutterBottom>{deleteDialog.buildName}</Typography>
+                                <Typography color="text.secondary">
+                                    Are you sure you want to permanently delete this build? This action cannot be undone.
+                                </Typography>
+                            </DialogContent>
+                            <DialogActions>
+                                <Button
+                                    onClick={() => setDeleteDialog({ open: false, buildId: null, buildName: '' })}
+                                    disabled={deleteLoading}
+                                >
+                                    Cancel
+                                </Button>
+                                <Button
+                                    onClick={handleDelete}
+                                    variant="contained"
+                                    color="error"
+                                    disabled={deleteLoading}
+                                    startIcon={deleteLoading ? <CircularProgress size={20} /> : <DeleteIcon />}
+                                >
+                                    {deleteLoading ? 'Deleting...' : 'Delete Build'}
+                                </Button>
+                            </DialogActions>
+                        </Dialog>
+
                     </Grid>
                 </Grid>
@@ -265,4 +333,5 @@
                 }}
                 onClone={handleCloneWrapper}
+                isDashboardView={true}
             />
         </Container>