(김준회) swp: 그룹핑 로직 수정요청사항 반영, 대용량 파일업로드 formidable 사용한 스트리밍 방식으로 오류 수정

4 files changed, 218 insertions, 70 deletions

diff --git a/lib/swp/table/swp-inbox-table.tsx b/lib/swp/table/swp-inbox-table.tsx
index a2fedeed..a88ff656 100644
--- a/lib/swp/table/swp-inbox-table.tsx
+++ b/lib/swp/table/swp-inbox-table.tsx
@@ -45,12 +45,18 @@ interface TableRowData {
   statusNm: string | null;
   actvNo: string | null;
   crter: string | null; // CRTER (그대로 표시)
-  note: string | null; // 첫 번째 파일의 note 또는 buyerSystemComment
+  note: string | null; // Activity의 note 또는 buyerSystemComment
   file: SwpFileApiResponse | null; // 업로드 필요 문서는 null
   uploadDate: string | null;
-  // 각 행이 속한 그룹의 정보
-  isFirstFileInRev: boolean;
+  // 각 행이 속한 그룹의 정보 (계층적 rowSpan 처리)
+  isFirstInUpload: boolean;
+  fileCountInUpload: number;
+  isFirstInDoc: boolean;
+  fileCountInDoc: number;
+  isFirstInRev: boolean;
   fileCountInRev: number;
+  isFirstInActivity: boolean;
+  fileCountInActivity: number;
   // 업로드 필요 문서 여부
   isRequiredDoc: boolean;
 }
@@ -137,7 +143,7 @@ export function SwpInboxTable({
       filteredFiles = files.filter((file) => file.STAT === selectedStatus);
     }
 
-    // BOX_SEQ 기준으로 그룹화
+    // 1단계: BOX_SEQ (Upload ID) 기준으로 그룹화
     const uploadGroups = new Map<string, SwpFileApiResponse[]>();
     
     if (!selectedStatus || selectedStatus !== "UPLOAD_REQUIRED") {
@@ -150,8 +156,9 @@ export function SwpInboxTable({
       });
     }
 
+    // Upload ID별로 처리
     uploadGroups.forEach((uploadFiles, uploadId) => {
-      // 2. Document No 기준으로 그룹화
+      // 2단계: Document No 기준으로 그룹화
       const docGroups = new Map<string, SwpFileApiResponse[]>();
       
       uploadFiles.forEach((file) => {
@@ -162,44 +169,86 @@ export function SwpInboxTable({
         docGroups.get(docNo)!.push(file);
       });
 
+      // 전체 Upload ID의 파일 수 계산
+      const totalUploadFileCount = uploadFiles.length;
+      let isFirstInUpload = true;
+
+      // Document No별로 처리
       docGroups.forEach((docFiles, docNo) => {
-        // 3. 최신 RevNo 찾기 (CRTE_DTM 기준)
+        // 3단계: 최신 RevNo 찾기 (CRTE_DTM 기준)
         const sortedByDate = [...docFiles].sort((a, b) =>
           (b.CRTE_DTM || "").localeCompare(a.CRTE_DTM || "")
         );
         const latestRevNo = sortedByDate[0]?.REV_NO || "";
+        const latestStage = sortedByDate[0]?.STAGE || null;
+        const latestStatus = sortedByDate[0]?.STAT || null;
+        const latestStatusNm = sortedByDate[0]?.STAT_NM || null;
 
-        // 4. 최신 Rev의 파일들만 필터링
+        // 4단계: 최신 Rev의 파일들만 필터링
         const latestRevFiles = docFiles.filter(
           (file) => file.REV_NO === latestRevNo
         );
 
-        // 5. Upload Date 기준 DESC 정렬
-        const sortedFiles = latestRevFiles.sort((a, b) =>
-          (b.CRTE_DTM || "").localeCompare(a.CRTE_DTM || "")
-        );
+        const totalDocFileCount = latestRevFiles.length;
+        let isFirstInDoc = true;
+
+        // 5단계: Activity 기준으로 그룹화
+        const activityGroups = new Map<string, SwpFileApiResponse[]>();
+        
+        latestRevFiles.forEach((file) => {
+          const actvNo = file.ACTV_NO || "NO_ACTIVITY";
+          if (!activityGroups.has(actvNo)) {
+            activityGroups.set(actvNo, []);
+          }
+          activityGroups.get(actvNo)!.push(file);
+        });
 
-        // 6. 최신 파일의 정보로 Rev 메타데이터 설정 (첫 번째 파일의 crter와 note 사용)
-        const latestFile = sortedFiles[0];
-        if (!latestFile) return;
-
-        // 7. 각 파일을 테이블 행으로 변환 (crter와 note는 첫 번째 파일 것으로 통일)
-        sortedFiles.forEach((file, idx) => {
-          rows.push({
-            uploadId,
-            docNo,
-            revNo: latestRevNo,
-            stage: latestFile.STAGE,
-            status: latestFile.STAT,
-            statusNm: latestFile.STAT_NM,
-            actvNo: latestFile.ACTV_NO,
-            crter: latestFile.CRTER, // CRTER 그대로
-            note: latestFile.NOTE || null, // 첫 번째 파일의 note
-            file,
-            uploadDate: file.CRTE_DTM,
-            isFirstFileInRev: idx === 0,
-            fileCountInRev: sortedFiles.length,
-            isRequiredDoc: false,
+        let isFirstInRev = true;
+
+        // Activity별로 처리
+        activityGroups.forEach((activityFiles, actvNo) => {
+          // 6단계: Upload Date 기준 DESC 정렬
+          const sortedFiles = activityFiles.sort((a, b) =>
+            (b.CRTE_DTM || "").localeCompare(a.CRTE_DTM || "")
+          );
+
+          const totalActivityFileCount = sortedFiles.length;
+          
+          // Activity의 첫 번째 파일에서 메타데이터 가져오기
+          const firstActivityFile = sortedFiles[0];
+          if (!firstActivityFile) return;
+
+          // 7단계: 각 파일을 테이블 행으로 변환
+          sortedFiles.forEach((file, idx) => {
+            rows.push({
+              uploadId,
+              docNo,
+              revNo: latestRevNo,
+              stage: latestStage,
+              status: latestStatus,
+              statusNm: latestStatusNm,
+              actvNo: actvNo === "NO_ACTIVITY" ? null : actvNo,
+              crter: firstActivityFile.CRTER, // Activity 첫 파일의 CRTER
+              note: firstActivityFile.NOTE || null, // Activity 첫 파일의 note
+              file,
+              uploadDate: file.CRTE_DTM,
+              isFirstInUpload,
+              fileCountInUpload: totalUploadFileCount,
+              isFirstInDoc,
+              fileCountInDoc: totalDocFileCount,
+              isFirstInRev,
+              fileCountInRev: totalDocFileCount, // Rev = Doc의 최신 Rev이므로 파일 수 동일
+              isFirstInActivity: idx === 0,
+              fileCountInActivity: totalActivityFileCount,
+              isRequiredDoc: false,
+            });
+
+            // 첫 번째 플래그들 업데이트
+            if (idx === 0) {
+              isFirstInUpload = false;
+              isFirstInDoc = false;
+              isFirstInRev = false;
+            }
           });
         });
       });
@@ -220,8 +269,14 @@ export function SwpInboxTable({
           note: doc.buyerSystemComment,
           file: null,
           uploadDate: null,
-          isFirstFileInRev: true,
+          isFirstInUpload: true,
+          fileCountInUpload: 1,
+          isFirstInDoc: true,
+          fileCountInDoc: 1,
+          isFirstInRev: true,
           fileCountInRev: 1,
+          isFirstInActivity: true,
+          fileCountInActivity: 1,
           isRequiredDoc: true,
         });
       });
@@ -446,7 +501,7 @@ export function SwpInboxTable({
 
                 return (
                   <TableRow 
-                    key={`${row.uploadId}_${row.docNo}_${row.revNo}_${idx}`}
+                    key={`${row.uploadId}_${row.docNo}_${row.revNo}_${row.actvNo}_${idx}`}
                     className="cursor-pointer hover:bg-muted/50"
                     onClick={() => handleRowClick(row.docNo)}
                   >
@@ -460,60 +515,61 @@ export function SwpInboxTable({
                       ) : null}
                     </TableCell>
 
-                    {/* Upload ID - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="font-mono text-sm align-top">
+                    {/* Upload ID - Upload의 첫 파일에만 표시 */}
+                    {row.isFirstInUpload ? (
+                      <TableCell rowSpan={row.fileCountInUpload} className="font-mono text-sm align-top" style={{ verticalAlign: "top" }}>
                         {row.uploadId || <span className="text-muted-foreground">-</span>}
                       </TableCell>
                     ) : null}
 
-                    {/* Document No - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="font-mono text-xs align-top">
+                    {/* Document No - Document의 첫 파일에만 표시 */}
+                    {row.isFirstInDoc ? (
+                      <TableCell rowSpan={row.fileCountInDoc} className="font-mono text-xs align-top" style={{ verticalAlign: "top" }}>
                         {row.docNo}
                       </TableCell>
                     ) : null}
 
-                    {/* Rev No - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="align-top">
+                    {/* Rev No - Rev의 첫 파일에만 표시 */}
+                    {row.isFirstInRev ? (
+                      <TableCell rowSpan={row.fileCountInRev} className="align-top" style={{ verticalAlign: "top" }}>
                         {row.revNo || <span className="text-muted-foreground">-</span>}
                       </TableCell>
                     ) : null}
 
-                    {/* Stage - 같은 Rev의 첫 파일에만 표시 (텍스트로만 표시) */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="align-top text-sm">
+                    {/* Stage - Rev의 첫 파일에만 표시 */}
+                    {row.isFirstInRev ? (
+                      <TableCell rowSpan={row.fileCountInRev} className="align-top text-sm" style={{ verticalAlign: "top" }}>
                         {row.stage || <span className="text-muted-foreground">-</span>}
                       </TableCell>
                     ) : null}
 
-                    {/* Status - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="align-top">
+                    {/* Status - Rev의 첫 파일에만 표시 */}
+                    {row.isFirstInRev ? (
+                      <TableCell rowSpan={row.fileCountInRev} className="align-top" style={{ verticalAlign: "top" }}>
                         {getStatusBadge(row.status, row.statusNm)}
                       </TableCell>
                     ) : null}
 
-                    {/* Activity - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="font-mono text-xs align-top">
+                    {/* Activity - Activity의 첫 파일에만 표시 */}
+                    {row.isFirstInActivity ? (
+                      <TableCell rowSpan={row.fileCountInActivity} className="font-mono text-xs align-top" style={{ verticalAlign: "top" }}>
                         {row.actvNo || <span className="text-muted-foreground">-</span>}
                       </TableCell>
                     ) : null}
 
-                    {/* CRTER - 같은 Rev의 첫 파일에만 표시 */}
-                    {row.isFirstFileInRev ? (
-                      <TableCell rowSpan={row.fileCountInRev} className="text-sm font-mono align-top">
+                    {/* CRTER (Upload ID User) - Activity의 첫 파일에만 표시 */}
+                    {row.isFirstInActivity ? (
+                      <TableCell rowSpan={row.fileCountInActivity} className="text-sm font-mono align-top" style={{ verticalAlign: "top" }}>
                         {row.crter || <span className="text-muted-foreground">-</span>}
                       </TableCell>
                     ) : null}
 
-                    {/* Note - 같은 Rev의 첫 파일에만 표시 (개행문자 처리) */}
-                    {row.isFirstFileInRev ? (
+                    {/* Note - Activity의 첫 파일에만 표시 (개행문자 처리) */}
+                    {row.isFirstInActivity ? (
                       <TableCell 
-                        rowSpan={row.fileCountInRev} 
+                        rowSpan={row.fileCountInActivity} 
                         className="text-xs max-w-[150px] align-top whitespace-pre-wrap"
+                        style={{ verticalAlign: "top" }}
                       >
                         {row.note || <span className="text-muted-foreground">-</span>}
                       </TableCell>
@@ -522,7 +578,7 @@ export function SwpInboxTable({
                     {/* Attachment File - 각 파일마다 표시 (줄바꿈 허용) */}
                     <TableCell className="max-w-[400px]">
                       {row.file ? (
-                        <div className="flex items-center gap-2">
+                        <div className="flex items-center justify-between gap-2">
                           <span className="text-sm font-mono break-words" style={{ wordBreak: "break-all" }}>
                             {row.file.FILE_NM}
                           </span>
diff --git a/lib/swp/table/swp-table-toolbar.tsx b/lib/swp/table/swp-table-toolbar.tsx
index 594bdd77..08eda3ef 100644
--- a/lib/swp/table/swp-table-toolbar.tsx
+++ b/lib/swp/table/swp-table-toolbar.tsx
@@ -18,7 +18,7 @@ import {
   SwpUploadValidationDialog, 
   validateFileName 
 } from "./swp-upload-validation-dialog";
-import { SwpUploadedFilesDialog } from "./swp-uploaded-files-dialog";
+// import { SwpUploadedFilesDialog } from "./swp-uploaded-files-dialog";
 import { getDocumentClassInfoByProjectCode } from "@/lib/swp/swp-upload-server-actions";
 import type { DocumentListItem } from "@/lib/swp/document-service";
 
@@ -36,6 +36,7 @@ interface SwpTableToolbarProps {
   onProjNoChange: (projNo: string) => void;
   onFiltersChange: (filters: SwpTableFilters) => void;
   onRefresh: () => void;
+  onUploadComplete?: () => void; // 업로드 완료 시 콜백 (탭 전환용)
   isRefreshing: boolean;
   projects?: Array<{ PROJ_NO: string; PROJ_NM: string | null }>;
   vendorCode?: string;
@@ -51,6 +52,7 @@ export function SwpTableToolbar({
   onProjNoChange,
   onFiltersChange,
   onRefresh,
+  onUploadComplete,
   isRefreshing,
   projects = [],
   vendorCode,
@@ -322,6 +324,26 @@ export function SwpTableToolbar({
           title: result.success ? "업로드 완료" : "일부 업로드 실패",
           description: result.message,
         });
+
+        // 업로드 성공 시 자동 새로고침 (외부 시스템 처리 시간 고려)
+        if (result.success && result.successCount > 0) {
+          // 업로드 완료 시 Inbox 탭으로 전환
+          onUploadComplete?.();
+          
+          toast({
+            title: "문서 목록 갱신 중",
+            description: "외부 시스템 처리를 기다리는 중입니다...",
+          });
+          
+          // 2초 딜레이 후 새로고침
+          setTimeout(() => {
+            onRefresh();
+            toast({
+              title: "갱신 완료",
+              description: "업로드된 파일이 문서 목록에 반영되었습니다.",
+            });
+          }, 2000);
+        }
       } catch (error) {
         console.error("파일 업로드 실패:", error);
 
@@ -442,6 +464,7 @@ export function SwpTableToolbar({
               size="sm"
               onClick={handleReset}
               className="h-8"
+              disabled={isRefreshing}
             >
               <X className="h-4 w-4 mr-1" />
               초기화
@@ -460,6 +483,7 @@ export function SwpTableToolbar({
                       role="combobox"
                       aria-expanded={projectSearchOpen}
                       className="w-full justify-between"
+                      disabled={isRefreshing}
                     >
                       {projNo ? (
                         <span>
@@ -538,6 +562,7 @@ export function SwpTableToolbar({
                 onChange={(e) =>
                   setLocalFilters({ ...localFilters, docNo: e.target.value })
                 }
+                disabled={isRefreshing}
               />
             </div>
 
@@ -551,6 +576,7 @@ export function SwpTableToolbar({
                 onChange={(e) =>
                   setLocalFilters({ ...localFilters, docTitle: e.target.value })
                 }
+                disabled={isRefreshing}
               />
             </div>
 
@@ -564,6 +590,7 @@ export function SwpTableToolbar({
                 onChange={(e) =>
                   setLocalFilters({ ...localFilters, pkgNo: e.target.value })
                 }
+                disabled={isRefreshing}
               />
             </div>
 
@@ -577,6 +604,7 @@ export function SwpTableToolbar({
                 onChange={(e) =>
                   setLocalFilters({ ...localFilters, stage: e.target.value })
                 }
+                disabled={isRefreshing}
               />
             </div>
 
@@ -590,14 +618,19 @@ export function SwpTableToolbar({
                 onChange={(e) =>
                   setLocalFilters({ ...localFilters, status: e.target.value })
                 }
+                disabled={isRefreshing}
               />
             </div>
           </div>
 
           <div className="flex justify-end">
-            <Button onClick={handleSearch} size="sm">
-              <Search className="h-4 w-4 mr-2" />
-              검색
+            <Button 
+              onClick={handleSearch} 
+              size="sm"
+              disabled={isRefreshing}
+            >
+              <Search className={`h-4 w-4 mr-2 ${isRefreshing ? "animate-spin" : ""}`} />
+              {isRefreshing ? "로딩 중..." : "검색"}
             </Button>
           </div>
         </div>
diff --git a/lib/swp/table/swp-table.tsx b/lib/swp/table/swp-table.tsx
index 21a1c775..b6c3558b 100644
--- a/lib/swp/table/swp-table.tsx
+++ b/lib/swp/table/swp-table.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -14,6 +14,7 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
 import { swpDocumentColumns } from "./swp-table-columns";
 import { SwpDocumentDetailDialog } from "./swp-document-detail-dialog";
 import type { DocumentListItem } from "@/lib/swp/document-service";
@@ -25,6 +26,12 @@ interface SwpTableProps {
   userId: string;
 }
 
+// Status 집계 타입
+interface StatusCount {
+  status: string;
+  count: number;
+}
+
 export function SwpTable({
   documents,
   projNo,
@@ -33,9 +40,39 @@ export function SwpTable({
 }: SwpTableProps) {
   const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedDocument, setSelectedDocument] = useState<DocumentListItem | null>(null);
+  const [selectedStatus, setSelectedStatus] = useState<string | null>(null);
+
+  // Status 집계
+  const statusCounts = useMemo(() => {
+    const statusMap = new Map<string, number>();
+    
+    documents.forEach((doc) => {
+      const status = doc.LTST_ACTV_STAT || "UNKNOWN";
+      statusMap.set(status, (statusMap.get(status) || 0) + 1);
+    });
+
+    const counts: StatusCount[] = [];
+    statusMap.forEach((count, status) => {
+      counts.push({
+        status,
+        count,
+      });
+    });
+
+    // 개수 순으로 정렬
+    return counts.sort((a, b) => b.count - a.count);
+  }, [documents]);
+
+  // Status 필터링된 문서 목록
+  const filteredDocuments = useMemo(() => {
+    if (!selectedStatus) {
+      return documents;
+    }
+    return documents.filter((doc) => doc.LTST_ACTV_STAT === selectedStatus);
+  }, [documents, selectedStatus]);
 
   const table = useReactTable({
-    data: documents,
+    data: filteredDocuments,
     columns: swpDocumentColumns,
     getCoreRowModel: getCoreRowModel(),
   });
@@ -48,6 +85,29 @@ export function SwpTable({
 
   return (
     <div className="space-y-4">
+      {/* Status 필터 UI */}
+      <div className="flex flex-wrap gap-2 p-4 bg-muted/30 rounded-lg">
+        <Button
+          variant={selectedStatus === null ? "default" : "outline"}
+          size="sm"
+          onClick={() => setSelectedStatus(null)}
+          className="h-9"
+        >
+          전체 ({documents.length})
+        </Button>
+        {statusCounts.map((statusCount) => (
+          <Button
+            key={statusCount.status}
+            variant={selectedStatus === statusCount.status ? "default" : "outline"}
+            size="sm"
+            onClick={() => setSelectedStatus(statusCount.status)}
+            className="h-9"
+          >
+            {statusCount.status} ({statusCount.count})
+          </Button>
+        ))}
+      </div>
+
       {/* 테이블 */}
       <div className="rounded-md border">
         <Table>
diff --git a/lib/swp/table/swp-upload-result-dialog.tsx b/lib/swp/table/swp-upload-result-dialog.tsx
index 7b79fa68..06caf66e 100644
--- a/lib/swp/table/swp-upload-result-dialog.tsx
+++ b/lib/swp/table/swp-upload-result-dialog.tsx
@@ -9,7 +9,6 @@ import {
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { CheckCircle2, XCircle, FileText } from "lucide-react";
-import { ScrollArea } from "@/components/ui/scroll-area";
 
 interface UploadResult {
   fileName: string;
@@ -34,7 +33,7 @@ export function SwpUploadResultDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-3xl max-h-[80vh]">
+      <DialogContent className="max-w-3xl max-h-[80vh] flex flex-col">
         <DialogHeader>
           <DialogTitle>파일 업로드 결과</DialogTitle>
           <DialogDescription>
@@ -42,7 +41,7 @@ export function SwpUploadResultDialog({
           </DialogDescription>
         </DialogHeader>
 
-        <ScrollArea className="max-h-[500px] pr-4">
+        <div className="flex-1 overflow-auto pr-2">
           <div className="space-y-3">
             {results.map((result, index) => (
               <div
@@ -89,9 +88,9 @@ export function SwpUploadResultDialog({
               </div>
             ))}
           </div>
-        </ScrollArea>
+        </div>
 
-        <div className="flex justify-between items-center pt-4 border-t">
+        <div className="flex justify-between items-center pt-4 border-t mt-4">
           <div className="text-sm text-muted-foreground">
             {failCount > 0 && (
               <span className="text-red-600 dark:text-red-400 font-medium">