oxios 1.5.2

Oxios Agent OS — Agent Operating System powered by oxi-sdk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

import { useNavigate } from '@tanstack/react-router'
import { AlertTriangle } from 'lucide-react'
import { useTranslation } from 'react-i18next'
import { toast } from 'sonner'
import { Button } from '@/components/ui/button'
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from '@/components/ui/dialog'
import { useDeleteProject } from '@/hooks/use-projects'
import type { Project } from '@/types'

interface DeleteProjectDialogProps {
  project: Project | null
  open: boolean
  onOpenChange: (open: boolean) => void
}

export function DeleteProjectDialog({ project, open, onOpenChange }: DeleteProjectDialogProps) {
  const { t } = useTranslation()
  const deleteProject = useDeleteProject()
  const navigate = useNavigate()

  const handleDelete = () => {
    if (!project) return

    deleteProject.mutate(project.id, {
      onSuccess: () => {
        toast(t('projects.deleteSuccess', 'Project deleted'))
        onOpenChange(false)
        navigate({ to: '/projects' })
      },
      onError: (err) => {
        toast.error(t('projects.deleteError', `Failed to delete: ${err}`))
      },
    })
  }

  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="sm:max-w-sm">
        <DialogHeader>
          <DialogTitle>
            {t('projects.deleteTitle', 'Delete "{{name}}"?', { name: project?.name ?? '' })}
          </DialogTitle>
          <DialogDescription>
            {t('projects.deleteDesc', 'This will remove the project but NOT delete:')}
          </DialogDescription>
        </DialogHeader>

        <ul className="text-sm text-muted-foreground list-disc pl-5 space-y-1">
          <li>{t('projects.deleteMemories', 'Memories associated with this project')}</li>
          <li>{t('projects.deleteFiles', 'Files in the project paths')}</li>
        </ul>

        <p className="text-xs text-destructive font-medium">
          <AlertTriangle className="h-4 w-4 shrink-0" />{' '}
          {t('projects.undoWarning', 'This action cannot be undone.')}
        </p>

        <DialogFooter>
          <Button variant="outline" onClick={() => onOpenChange(false)}>
            {t('common.cancel', 'Cancel')}
          </Button>
          <Button variant="destructive" onClick={handleDelete} disabled={deleteProject.isPending}>
            {deleteProject.isPending ? '...' : t('projects.delete', 'Delete')}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}