fix: type repo name to confirm delete -- prevents accidental deletion

Both delete dialogs (card grid + detail view) now require typing
the exact repo name before the Delete button enables.

Shared DeleteConfirmDialog component:
- Shows repo name in bold
- Input field with placeholder matching repo name
- Delete button disabled until text matches exactly
- Button text: 'Delete opencodeintel' (includes name)
- Input clears on cancel or close

Reused in RepoList (card grid) and RepoDetailView (detail header).

Author: DevanshuNEU

frontend/src/components/RepoList.tsx

@@ -17,6 +17,7 @@ import {
   DialogTitle,
 } from './ui/dialog'
 import { Button } from './ui/button'
+import { Input } from './ui/input'
 import type { Repository } from '../types'
 import { RepoGridSkeleton } from './ui/Skeleton'
 
@@ -269,30 +270,69 @@ export function RepoList({ repos, selectedRepo, onSelect, onDelete, onAddClick,
       </div>
 
       {/* Delete confirmation dialog */}
-      <Dialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>Delete repository</DialogTitle>
-            <DialogDescription>
-              This will permanently remove <strong>{deleteTarget?.name}</strong> and all its indexed data. This action cannot be undone.
-            </DialogDescription>
-          </DialogHeader>
-          <DialogFooter className="gap-2">
-            <Button variant="outline" onClick={() => setDeleteTarget(null)}>Cancel</Button>
-            <Button
-              variant="destructive"
-              onClick={() => {
-                if (deleteTarget && onDelete) {
-                  onDelete(deleteTarget.id)
-                  setDeleteTarget(null)
-                }
-              }}
-            >
-              Delete
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+      <DeleteConfirmDialog
+        repo={deleteTarget}
+        onCancel={() => setDeleteTarget(null)}
+        onConfirm={() => {
+          if (deleteTarget && onDelete) {
+            onDelete(deleteTarget.id)
+            setDeleteTarget(null)
+          }
+        }}
+      />
     </div>
   )
 }
+
+
+export function DeleteConfirmDialog({
+  repo,
+  onCancel,
+  onConfirm,
+}: {
+  repo: Repository | null
+  onCancel: () => void
+  onConfirm: () => void
+}) {
+  const [confirmText, setConfirmText] = useState('')
+  const repoName = repo?.name || ''
+  const isMatch = confirmText === repoName
+
+  return (
+    <Dialog
+      open={!!repo}
+      onOpenChange={(open) => { if (!open) { setConfirmText(''); onCancel() } }}
+    >
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Delete repository</DialogTitle>
+          <DialogDescription>
+            This will permanently remove <strong>{repoName}</strong> and all its
+            indexed data. This action cannot be undone.
+          </DialogDescription>
+        </DialogHeader>
+        <div className="py-2">
+          <p className="text-sm text-muted-foreground mb-2">
+            Type <strong className="text-foreground">{repoName}</strong> to confirm
+          </p>
+          <Input
+            value={confirmText}
+            onChange={(e) => setConfirmText(e.target.value)}
+            placeholder={repoName}
+            autoFocus
+          />
+        </div>
+        <DialogFooter className="gap-2">
+          <Button variant="outline" onClick={() => { setConfirmText(''); onCancel() }}>Cancel</Button>
+          <Button
+            variant="destructive"
+            disabled={!isMatch}
+            onClick={() => { setConfirmText(''); onConfirm() }}
+          >
+            Delete {repoName}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}

frontend/src/components/dashboard/RepoDetailView.tsx

@@ -21,15 +21,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
-import { Button } from '@/components/ui/button'
+import { DeleteConfirmDialog } from '../RepoList'
 import { SearchPanel } from '../SearchPanel'
 import { DependencyGraph } from '../DependencyGraph'
 import { RepoOverview } from '../RepoOverview'
@@ -68,6 +60,7 @@ export function RepoDetailView({
   onDelete,
 }: RepoDetailViewProps) {
   const [showDeleteDialog, setShowDeleteDialog] = useState(false)
+  const deleteRepo = showDeleteDialog ? repo : null
   return (
     <motion.div
       key="repo-detail"
@@ -123,25 +116,11 @@ export function RepoDetailView({
           )}
         </div>
 
-        <Dialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>Delete repository</DialogTitle>
-              <DialogDescription>
-                This will permanently remove <strong>{repo.name}</strong> and all its indexed data. This action cannot be undone.
-              </DialogDescription>
-            </DialogHeader>
-            <DialogFooter className="gap-2">
-              <Button variant="outline" onClick={() => setShowDeleteDialog(false)}>Cancel</Button>
-              <Button
-                variant="destructive"
-                onClick={() => { setShowDeleteDialog(false); onDelete?.() }}
-              >
-                Delete
-              </Button>
-            </DialogFooter>
-          </DialogContent>
-        </Dialog>
+        <DeleteConfirmDialog
+          repo={deleteRepo}
+          onCancel={() => setShowDeleteDialog(false)}
+          onConfirm={() => { setShowDeleteDialog(false); onDelete?.() }}
+        />
       </div>
 
       {/* tab bar */}