feat: add admin visit request deletion

frontend/src/api.ts

@@ -111,6 +111,9 @@ export const createVisitRequest = (req: VisitRequestCreate) =>
 export const cancelVisitRequest = (id: number) =>
   request<VisitRequestView>(`/visit-requests/${id}/cancel`, { method: 'POST' });
 
+export const deleteVisitRequest = (id: number) =>
+  request<{ deleted: boolean }>(`/visit-requests/${id}`, { method: 'DELETE' });
+
 export const uploadVisitRequests = (file: File) => {
   const form = new FormData();
   form.append('file', file);

frontend/src/pages/AuditLogPage.tsx

@@ -6,6 +6,7 @@ import { formatDateTime } from '../status';
 const ACTION_LABEL: Record<AuditLog['action'], string> = {
   APPROVE: '승인',
   REJECT: '반려',
+  DELETE: '삭제',
   BLACKLIST_ADD: '블랙리스트 등록',
   BLACKLIST_REMOVE: '블랙리스트 해제',
   ADMIN_CONFIG_UPDATE: '시스템 설정',
@@ -14,6 +15,7 @@ const ACTION_LABEL: Record<AuditLog['action'], string> = {
 const ACTION_CLASS: Record<AuditLog['action'], string> = {
   APPROVE: 'green',
   REJECT: 'red',
+  DELETE: 'red',
   BLACKLIST_ADD: 'red',
   BLACKLIST_REMOVE: 'gray',
   ADMIN_CONFIG_UPDATE: 'blue',

frontend/src/pages/DashboardPage.tsx

@@ -40,8 +40,6 @@ export const DashboardPage: React.FC = () => {
       .finally(() => setLoading(false));
   }, []);
 
-  const recent = items.slice(0, 8);
-
   return (
     <div>
       <div className="page-head">
@@ -60,10 +58,10 @@ export const DashboardPage: React.FC = () => {
       </div>
 
       <div className="card">
-        <h3>최근 출입 신청</h3>
+        <h3>전체 출입 신청 ({items.length})</h3>
         {loading ? (
           <p className="muted">불러오는 중…</p>
-        ) : recent.length === 0 ? (
+        ) : items.length === 0 ? (
           <p className="muted">신청 내역이 없습니다.</p>
         ) : (
           <table className="table">
@@ -73,7 +71,7 @@ export const DashboardPage: React.FC = () => {
               </tr>
             </thead>
             <tbody>
-              {recent.map((r) => (
+              {items.map((r) => (
                 <tr
                   key={r.id}
                   className="clickable-row"

frontend/src/pages/VisitRequestListPage.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
-import { cancelVisitRequest, listVisitRequests, uploadVisitRequests } from '../api';
+import { cancelVisitRequest, deleteVisitRequest, listVisitRequests, uploadVisitRequests } from '../api';
 import { VisitRequestView } from '../types';
 import { STATUS_CLASS, STATUS_LABEL, formatVisitRange } from '../status';
 import { Dialog } from '../components/Dialog';
+import { useAuth } from '../auth/AuthContext';
 
 export const VisitRequestListPage: React.FC = () => {
   const [items, setItems] = useState<VisitRequestView[]>([]);
@@ -12,7 +13,9 @@ export const VisitRequestListPage: React.FC = () => {
   const [loading, setLoading] = useState(true);
   const fileRef = useRef<HTMLInputElement>(null);
   const [cancelingId, setCancelingId] = useState<number | null>(null);
+  const [deleting, setDeleting] = useState<VisitRequestView | null>(null);
   const navigate = useNavigate();
+  const { hasRole } = useAuth();
 
   const load = () => {
     setLoading(true);
@@ -36,6 +39,26 @@ export const VisitRequestListPage: React.FC = () => {
     }
   };
 
+  const confirmDelete = async (text?: string) => {
+    const target = deleting;
+    if (!target) return;
+    if (text !== '삭제') {
+      setDeleting(null);
+      setError('삭제하려면 확인 입력란에 "삭제"를 입력하세요.');
+      return;
+    }
+    setDeleting(null);
+    setError(null);
+    setNotice(null);
+    try {
+      await deleteVisitRequest(target.id);
+      setNotice(`${target.visitorName} 신청을 삭제했습니다.`);
+      load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : '삭제 실패');
+    }
+  };
+
   const onUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0];
     if (!file) return;
@@ -98,6 +121,9 @@ export const VisitRequestListPage: React.FC = () => {
                     {(r.status === 'PENDING' || r.status === 'APPROVED') && (
                       <button className="btn-link-danger" onClick={() => setCancelingId(r.id)}>취소</button>
                     )}
+                    {hasRole('ADMIN') && (
+                      <button className="btn-link-danger" onClick={() => setDeleting(r)}>삭제</button>
+                    )}
                   </td>
                 </tr>
               ))}
@@ -116,6 +142,19 @@ export const VisitRequestListPage: React.FC = () => {
           onCancel={() => setCancelingId(null)}
         />
       )}
+
+      {deleting != null && (
+        <Dialog
+          title="출입신청 삭제"
+          message={`${deleting.visitorName} / ${deleting.zoneName || '-'} 신청을 삭제합니다. 실제 입/퇴장 기록이 있는 신청은 삭제되지 않습니다. 계속하려면 "삭제"를 입력하세요.`}
+          withInput
+          inputPlaceholder="삭제"
+          confirmLabel="삭제"
+          danger
+          onConfirm={confirmDelete}
+          onCancel={() => setDeleting(null)}
+        />
+      )}
     </div>
   );
 };

frontend/src/types.ts

@@ -259,7 +259,7 @@ export interface AuditLog {
   at: string;
   actorId?: number;
   actorUsername?: string;
-  action: 'APPROVE' | 'REJECT' | 'BLACKLIST_ADD' | 'BLACKLIST_REMOVE' | 'ADMIN_CONFIG_UPDATE';
+  action: 'APPROVE' | 'REJECT' | 'DELETE' | 'BLACKLIST_ADD' | 'BLACKLIST_REMOVE' | 'ADMIN_CONFIG_UPDATE';
   targetType?: string;
   targetId?: number;
   detail?: string;