From 1e5ea198b297c749d26b9349b7280847a30fc1cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Sat, 21 Mar 2026 08:38:48 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[=EA=B3=B5=EC=A0=95=EA=B4=80=EB=A6=AC]?=
 =?UTF-8?q?=20=EA=B3=B5=EC=A0=95=20=EB=B3=B5=EC=82=AC=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../process-management/ProcessDetail.tsx      | 29 +++++++++++++++++--
 src/components/process-management/actions.ts  | 14 +++++++++
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/components/process-management/ProcessDetail.tsx b/src/components/process-management/ProcessDetail.tsx
index 24923ee9..e4f11a99 100644
--- a/src/components/process-management/ProcessDetail.tsx
+++ b/src/components/process-management/ProcessDetail.tsx
@@ -11,7 +11,7 @@
 
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { useRouter } from 'next/navigation';
-import { ArrowLeft, Edit, GripVertical, Plus, Trash2 } from 'lucide-react';
+import { ArrowLeft, Copy, Edit, GripVertical, Plus, Trash2 } from 'lucide-react';
 import { ReorderButtons } from '@/components/molecules';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -23,7 +23,7 @@ import { usePermission } from '@/hooks/usePermission';
 import { toast } from 'sonner';
 import { DeleteConfirmDialog } from '@/components/ui/confirm-dialog';
 import { useDeleteDialog } from '@/hooks/useDeleteDialog';
-import { getProcessSteps, reorderProcessSteps, removeProcessItem, deleteProcess } from './actions';
+import { getProcessSteps, reorderProcessSteps, removeProcessItem, deleteProcess, duplicateProcess } from './actions';
 import type { Process, ProcessStep } from '@/types/process';
 
 interface ProcessDetailProps {
@@ -86,6 +86,21 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
     }
   };
 
+  const [isDuplicating, setIsDuplicating] = useState(false);
+
+  // 공정 복제
+  const handleDuplicate = async () => {
+    setIsDuplicating(true);
+    const result = await duplicateProcess(process.id);
+    setIsDuplicating(false);
+    if (result.success && result.data) {
+      toast.success('공정이 복제되었습니다.');
+      router.push(`/ko/master-data/process-management/${result.data.id}?mode=view`);
+    } else {
+      toast.error(result.error || '공정 복제에 실패했습니다.');
+    }
+  };
+
   // 네비게이션
   const handleEdit = () => {
     router.push(`/ko/master-data/process-management/${process.id}?mode=edit`);
@@ -447,6 +462,16 @@ export function ProcessDetail({ process, onProcessUpdate }: ProcessDetailProps)
               <Trash2 className="h-4 w-4 md:mr-2" />
               <span className="hidden md:inline">삭제</span>
             </Button>
+            <Button
+              variant="outline"
+              onClick={handleDuplicate}
+              disabled={isDuplicating}
+              size="sm"
+              className="md:size-default"
+            >
+              <Copy className="h-4 w-4 md:mr-2" />
+              <span className="hidden md:inline">{isDuplicating ? '복사 중...' : '복사'}</span>
+            </Button>
             <Button onClick={handleEdit} size="sm" className="md:size-default">
               <Edit className="h-4 w-4 md:mr-2" />
               <span className="hidden md:inline">수정</span>
diff --git a/src/components/process-management/actions.ts b/src/components/process-management/actions.ts
index cc736015..3aae331d 100644
--- a/src/components/process-management/actions.ts
+++ b/src/components/process-management/actions.ts
@@ -314,6 +314,20 @@ export async function removeProcessItem(processId: string, remainingItemIds: num
   return { success: result.success, data: result.data, error: result.error };
 }
 
+/**
+ * 공정 복제
+ */
+export async function duplicateProcess(id: string): Promise<{ success: boolean; data?: Process; error?: string; __authError?: boolean }> {
+  const result = await executeServerAction({
+    url: buildApiUrl(`/api/v1/processes/${id}/duplicate`),
+    method: 'POST',
+    transform: (d: ApiProcess) => transformApiToFrontend(d),
+    errorMessage: '공정 복제에 실패했습니다.',
+  });
+  if (result.__authError) return { success: false, __authError: true };
+  return { success: result.success, data: result.data, error: result.error };
+}
+
 /**
  * 공정 삭제
  */