From 2650b7c0bb0ea12b68a58c0439f72d61df04b2f1 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Fri, 25 Jul 2025 07:51:15 +0000
Subject: (대표님) 정기평가 대상, 미들웨어 수정, nextauth 토큰 처리 개선, GTC
 등 (최겸) 기술영업
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../quotation-contacts-view-dialog.tsx             |   6 +
 .../detail-table/quotation-history-dialog.tsx      | 163 ++++++++-----
 .../table/detail-table/rfq-detail-column.tsx       |  18 ++
 .../table/detail-table/rfq-detail-table.tsx        |   4 +-
 .../detail-table/vendor-communication-drawer.tsx   |   6 +-
 .../vendor-contact-selection-dialog.tsx            |   6 +
 lib/techsales-rfq/table/rfq-filter-sheet.tsx       | 135 +++++------
 lib/techsales-rfq/table/rfq-table-column.tsx       |  33 +++
 lib/techsales-rfq/table/rfq-table.tsx              |  28 ++-
 lib/techsales-rfq/table/update-rfq-sheet.tsx       | 267 +++++++++++++++++++++
 10 files changed, 523 insertions(+), 143 deletions(-)
 create mode 100644 lib/techsales-rfq/table/update-rfq-sheet.tsx

(limited to 'lib/techsales-rfq/table')

diff --git a/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx b/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
index 3e793b62..61c97b1b 100644
--- a/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
@@ -20,6 +20,7 @@ interface QuotationContact {
   contactId: number
   contactName: string
   contactPosition: string | null
+  contactTitle: string | null
   contactEmail: string
   contactPhone: string | null
   contactCountry: string | null
@@ -129,6 +130,11 @@ export function QuotationContactsViewDialog({
                           {contact.contactPosition}
                         </p>
                       )}
+                      {contact.contactTitle && (
+                        <p className="text-sm text-muted-foreground">
+                          {contact.contactTitle}
+                        </p>
+                      )}
                       {contact.contactCountry && (
                         <p className="text-xs text-muted-foreground">
                           {contact.contactCountry}
diff --git a/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx b/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
index 0f5158d9..7d972b91 100644
--- a/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
@@ -1,5 +1,4 @@
 "use client"
-
 import * as React from "react"
 import { useState, useEffect } from "react"
 import {
@@ -16,6 +15,8 @@ import { Skeleton } from "@/components/ui/skeleton"
 import { Clock, User, AlertCircle, Paperclip } from "lucide-react"
 import { formatDate } from "@/lib/utils"
 import { toast } from "sonner"
+import { Button } from "@/components/ui/button"
+import { updateSHIComment } from "@/lib/techsales-rfq/service";
 
 interface QuotationAttachment {
   id: number
@@ -37,7 +38,7 @@ interface QuotationSnapshot {
   totalPrice: string | null
   validUntil: Date | null
   remark: string | null
-  status: string | null
+  status: string
   quotationVersion: number | null
   submittedAt: Date | null
   acceptedAt: Date | null
@@ -93,7 +94,9 @@ function QuotationCard({
   isCurrent = false, 
   revisedBy, 
   revisedAt,
-  attachments 
+  attachments,
+  revisionId,
+  revisionNote,
 }: {
   data: QuotationSnapshot | QuotationHistoryData["current"]
   version: number
@@ -101,9 +104,36 @@ function QuotationCard({
   revisedBy?: string | null
   revisedAt?: Date
   attachments?: QuotationAttachment[]
+  revisionId?: number
+  revisionNote?: string | null
 }) {
   const statusInfo = statusConfig[data.status as keyof typeof statusConfig] || 
     { label: data.status || "알 수 없음", color: "bg-gray-100 text-gray-800" }
+  
+  const [editValue, setEditValue] = React.useState(revisionNote || "");
+  const [isSaving, setIsSaving] = React.useState(false);
+  
+  React.useEffect(() => {
+    setEditValue(revisionNote || "");
+  }, [revisionNote]);
+  
+  const handleSave = async () => {
+    if (!revisionId) return;
+    
+    setIsSaving(true);
+    try {
+      const result = await updateSHIComment(revisionId, editValue);
+      if (result.error) {
+        toast.error(result.error);
+      } else {
+        toast.success("저장 완료");
+      }
+    } catch (error) {
+      toast.error("저장 중 오류가 발생했습니다");
+    } finally {
+      setIsSaving(false);
+    }
+  };
 
   return (
     <Card className={`${isCurrent ? "border-blue-500 shadow-md" : "border-gray-200"}`}>
@@ -117,12 +147,6 @@ function QuotationCard({
             {statusInfo.label}
           </Badge>
         </div>
-        {/* {changeReason && (
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            <FileText className="size-4" />
-            <span>{changeReason}</span>
-          </div>
-        )} */}
       </CardHeader>
       <CardContent className="space-y-3">
         <div className="grid grid-cols-2 gap-4">
@@ -147,6 +171,21 @@ function QuotationCard({
           </div>
         )}
         
+        {revisionId && (
+  <div>
+    <p className="text-sm font-medium text-muted-foreground mt-2">SHI Comment</p>
+    <textarea
+      className="w-full min-h-[60px] p-2 border rounded bg-gray-50 text-sm"
+      value={editValue}
+      onChange={e => setEditValue(e.target.value)}
+      disabled={isSaving}
+    />
+    <Button size="sm" onClick={handleSave} disabled={isSaving} className="mt-2">
+      저장
+    </Button>
+  </div>
+)}
+        
         {/* 첨부파일 섹션 */}
         {attachments && attachments.length > 0 && (
           <div>
@@ -209,16 +248,15 @@ export function QuotationHistoryDialog({
 }: QuotationHistoryDialogProps) {
   const [data, setData] = useState<QuotationHistoryData | null>(null)
   const [isLoading, setIsLoading] = useState(false)
-
+  
   useEffect(() => {
     if (open && quotationId) {
       loadQuotationHistory()
     }
   }, [open, quotationId])
-
+  
   const loadQuotationHistory = async () => {
     if (!quotationId) return
-
     try {
       setIsLoading(true)
       const { getTechSalesVendorQuotationWithRevisions } = await import("@/lib/techsales-rfq/service")
@@ -238,14 +276,14 @@ export function QuotationHistoryDialog({
       setIsLoading(false)
     }
   }
-
+  
   const handleOpenChange = (newOpen: boolean) => {
     onOpenChange(newOpen)
     if (!newOpen) {
       setData(null) // 다이얼로그 닫을 때 데이터 초기화
     }
   }
-
+  
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogContent className="w-[80vw] max-h-[90vh] overflow-y-auto">
@@ -257,54 +295,55 @@ export function QuotationHistoryDialog({
         </DialogHeader>
         
         <div className="space-y-4 overflow-x-auto">
-          {isLoading ? (
-            <div className="space-y-4">
-              {[1, 2, 3].map((i) => (
-                <div key={i} className="space-y-3">
-                  <Skeleton className="h-6 w-32" />
-                  <Skeleton className="h-32 w-full" />
-                </div>
-              ))}
-            </div>
-          ) : data ? (
-            <>
-              {/* 현재 버전 */}
-              <QuotationCard
-                data={data.current}
-                version={data.current.quotationVersion || 1}
-                isCurrent={true}
-                attachments={data.current.attachments}
-              />
-              
-              {/* 이전 버전들 */}
-              {data.revisions.length > 0 ? (
-                data.revisions.map((revision) => (
-                  <QuotationCard
-                    key={revision.id}
-                    data={revision.snapshot}
-                    version={revision.version}
-                    changeReason={revision.changeReason}
-                    revisedBy={revision.revisedByName}
-                    revisedAt={revision.revisedAt}
-                    attachments={revision.attachments}
-                  />
-                ))
-              ) : (
-                <div className="text-center py-8 text-muted-foreground">
-                  <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />
-                  <p>수정 이력이 없습니다.</p>
-                  <p className="text-sm">이 견적서는 아직 수정되지 않았습니다.</p>
-                </div>
-              )}
-            </>
-          ) : (
-            <div className="text-center py-8 text-muted-foreground">
-              <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />
-              <p>견적서 정보를 불러올 수 없습니다.</p>
-            </div>
-          )}
-        </div>
+        {isLoading ? (
+          <div className="space-y-4">
+            {[1, 2, 3].map((i) => (
+              <div key={i} className="space-y-3">
+                <Skeleton className="h-6 w-32" />
+                <Skeleton className="h-32 w-full" />
+              </div>
+            ))}
+          </div>
+        ) : data ? (
+          <>
+            {/* 현재 버전 - SHI Comment 없이 표시 */}
+            <QuotationCard
+              data={data.current}
+              version={data.current.quotationVersion || 1}
+              isCurrent={true}
+              attachments={data.current.attachments}
+            />
+            
+            {/* 이전 버전들 (스냅샷) - SHI Comment 포함 */}
+            {data.revisions.length > 0 ? (
+              data.revisions.map((revision) => (
+                <QuotationCard
+                  key={revision.id}
+                  data={revision.snapshot}
+                  version={revision.version}
+                  revisedBy={revision.revisedByName}
+                  revisedAt={revision.revisedAt}
+                  attachments={revision.attachments}
+                  revisionId={revision.id}
+                  revisionNote={revision.revisionNote}
+                />
+              ))
+            ) : (
+              <div className="text-center py-8 text-muted-foreground">
+                <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />
+                <p>수정 이력이 없습니다.</p>
+                <p className="text-sm">이 견적서는 아직 수정되지 않았습니다.</p>
+              </div>
+            )}
+          </>
+        ) : (
+          <div className="text-center py-8 text-muted-foreground">
+            <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />
+            <p>견적서 정보를 불러올 수 없습니다.</p>
+          </div>
+        )}
+      </div>
       </DialogContent>
     </Dialog>
   )
-} 
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx b/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
index e4141520..7ece2406 100644
--- a/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
+++ b/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
@@ -46,6 +46,7 @@ export interface RfqDetailView {
   createdByName: string | null
   quotationCode?: string | null
   rfqCode?: string | null
+  quotationVersion?: number | null
   quotationAttachments?: Array<{
     id: number
     revisionId: number
@@ -185,6 +186,22 @@ export function getRfqDetailColumns({
       enableResizing: true,
       size: 160,
     },
+        // [Rev 컬럼 추가]
+        {
+          id: "rev",
+          header: ({ column }) => (
+            <DataTableColumnHeaderSimple column={column} title="Rev" />
+          ),
+          cell: ({ row }) => {
+            const version = row.original.quotationVersion ?? 0;
+            return <div className="text-center font-mono">{version}</div>;
+          },
+          meta: {
+            excelHeader: "Rev"
+          },
+          enableResizing: false,
+          size: 60,
+        },
     {
       accessorKey: "totalPrice",
       header: ({ column }) => (
@@ -227,6 +244,7 @@ export function getRfqDetailColumns({
       enableResizing: true,
       size: 140,
     },
+
     {
       accessorKey: "quotationAttachments",
       header: ({ column }) => (
diff --git a/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx b/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
index acf67497..8bfb8299 100644
--- a/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
+++ b/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
@@ -730,8 +730,8 @@ export function RfqDetailTables({ selectedRfq, maxHeight }: RfqDetailTablesProps
         onSuccess={handleRefreshData}
       />
 
-      {/* 다중 벤더 삭제 확인 다이얼로그
-      <DeleteVendorDialog
+      {/* 다중 벤더 삭제 확인 다이얼로그 */}
+      {/* <DeleteVendorDialog
         open={deleteConfirmDialogOpen}
         onOpenChange={setDeleteConfirmDialogOpen}
         vendors={selectedRows}
diff --git a/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx b/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
index e6cd32a9..5b60ef0f 100644
--- a/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
+++ b/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
@@ -320,9 +320,9 @@ export function VendorCommunicationDrawer({
   };
   
   // 첨부파일 다운로드
-  const handleAttachmentDownload = async (attachment: Attachment) => {
-    const { downloadFile } = await import("@/lib/file-download");
-    await downloadFile(attachment.filePath, attachment.originalFileName);
+  const handleAttachmentDownload = (attachment: Attachment) => {
+    // TODO: 실제 다운로드 구현
+    window.open(attachment.filePath, '_blank');
   };
   
   // 파일 아이콘 선택
diff --git a/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx b/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
index aa6f6c2f..031f4aa2 100644
--- a/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
@@ -21,6 +21,7 @@ interface VendorContact {
   id: number
   contactName: string
   contactPosition: string | null
+  contactTitle: string | null
   contactEmail: string
   contactPhone: string | null
   isPrimary: boolean
@@ -283,6 +284,11 @@ export function VendorContactSelectionDialog({
                                   {contact.contactPosition}
                                 </p>
                               )}
+                              {contact.contactTitle && (
+                                <p className="text-sm text-muted-foreground">
+                                  {contact.contactTitle}
+                                </p>
+                              )}
                             </div>
                           </div>
                         </div>
diff --git a/lib/techsales-rfq/table/rfq-filter-sheet.tsx b/lib/techsales-rfq/table/rfq-filter-sheet.tsx
index a03e6167..7db8305d 100644
--- a/lib/techsales-rfq/table/rfq-filter-sheet.tsx
+++ b/lib/techsales-rfq/table/rfq-filter-sheet.tsx
@@ -48,7 +48,32 @@ const filterSchema = z.object({
     from: z.date().optional(),
     to: z.date().optional(),
   }).optional(),
+  workTypes: z.array(z.string()).optional(),
 })
+// 공종 옵션 정의 (tech-vendors와 동일)
+const workTypeOptions = [
+  // 조선 workTypes
+  { value: "기장", label: "기장" },
+  { value: "전장", label: "전장" },
+  { value: "선실", label: "선실" },
+  { value: "배관", label: "배관" },
+  { value: "철의", label: "철의" },
+  { value: "선체", label: "선체" },
+  // 해양TOP workTypes
+  { value: "TM", label: "TM" },
+  { value: "TS", label: "TS" },
+  { value: "TE", label: "TE" },
+  { value: "TP", label: "TP" },
+  { value: "TA", label: "TA" },
+  // 해양HULL workTypes
+  { value: "HA", label: "HA" },
+  { value: "HE", label: "HE" },
+  { value: "HH", label: "HH" },
+  { value: "HM", label: "HM" },
+  { value: "NC", label: "NC" },
+  { value: "HO", label: "HO" },
+  { value: "HP", label: "HP" },
+];
 
 // 상태 옵션 정의 (TechSales RFQ 상태에 맞게 수정)
 const statusOptions = [
@@ -89,13 +114,13 @@ export function RFQFilterSheet({
 
   // nuqs로 URL 상태 관리 - 파라미터명을 'basicFilters'로 변경
   const [filters, setFilters] = useQueryState(
-    "basicFilters",
+    "filters",
     getFiltersStateParser().withDefault([])
   )
 
   // joinOperator 설정
   const [joinOperator, setJoinOperator] = useQueryState(
-    "basicJoinOperator",
+    "joinOperator",
     parseAsStringEnum(["and", "or"]).withDefault("and")
   )
 
@@ -118,6 +143,7 @@ export function RFQFilterSheet({
         from: undefined,
         to: undefined,
       },
+      workTypes: [],
     },
   })
 
@@ -274,6 +300,16 @@ export function RFQFilterSheet({
           })
         }
 
+        if (data.workTypes && data.workTypes.length > 0) {
+          newFilters.push({
+            id: "workTypes",
+            value: data.workTypes,
+            type: "multi-select" as const,
+            operator: "eq" as const,
+            rowId: generateId()
+          })
+        }
+
         console.log("기본 필터 적용:", newFilters);
 
         // 마지막 적용된 필터 업데이트
@@ -313,6 +349,7 @@ export function RFQFilterSheet({
         createdByName: "",
         status: "",
         dateRange: { from: undefined, to: undefined },
+        workTypes: [],
       });
 
       // 필터와 조인 연산자를 초기화
@@ -446,6 +483,7 @@ export function RFQFilterSheet({
                   </FormItem>
                 )}
               />
+              
 
               {/* 자재명 */}
               <FormField
@@ -561,44 +599,6 @@ export function RFQFilterSheet({
                 )}
               />
 
-              {/* 선종명 */}
-              <FormField
-                control={form.control}
-                name="ptypeNm"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t("선종명")}</FormLabel>
-                    <FormControl>
-                      <div className="relative">
-                        <Input
-                          placeholder={t("선종명 입력")}
-                          {...field}
-                          className={cn(field.value && "pr-8", "bg-white")}
-                          disabled={isInitializing}
-                        />
-                        {field.value && (
-                          <Button
-                            type="button"
-                            variant="ghost"
-                            size="icon"
-                            className="absolute right-0 top-0 h-full px-2"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              form.setValue("ptypeNm", "");
-                            }}
-                            disabled={isInitializing}
-                          >
-                            <X className="size-3.5" />
-                            <span className="sr-only">Clear</span>
-                          </Button>
-                        )}
-                      </div>
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
               {/* 요청자 */}
               <FormField
                 control={form.control}
@@ -685,43 +685,38 @@ export function RFQFilterSheet({
                 )}
               />
 
-              {/* RFQ 전송일 */}
+              {/* 공종 */}
               <FormField
                 control={form.control}
-                name="dateRange"
+                name="workTypes"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t("RFQ 전송일")}</FormLabel>
-                    <FormControl>
-                      <div className="relative">
-                        <DateRangePicker
-                          triggerSize="default"
-                          triggerClassName="w-full bg-white"
-                          align="start"
-                          showClearButton={true}
-                          placeholder={t("RFQ 전송일 범위를 고르세요")}
-                          date={field.value || undefined}
-                          onDateChange={field.onChange}
-                          disabled={isInitializing}
-                        />
-                        {(field.value?.from || field.value?.to) && (
-                          <Button
-                            type="button"
-                            variant="ghost"
-                            size="icon"
-                            className="absolute right-10 top-0 h-full px-2"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              form.setValue("dateRange", { from: undefined, to: undefined });
+                    <FormLabel>공종</FormLabel>
+                    <div className="grid grid-cols-2 gap-2">
+                      {workTypeOptions.map((option) => (
+                        <div key={option.value} className="flex items-center space-x-2">
+                          <input
+                            type="checkbox"
+                            id={`workType-${option.value}`}
+                            checked={field.value?.includes(option.value) || false}
+                            onChange={(e) => {
+                              const checked = e.target.checked;
+                              const updatedValue = checked
+                                ? [...(field.value || []), option.value]
+                                : (field.value || []).filter((value) => value !== option.value);
+                              field.onChange(updatedValue);
                             }}
                             disabled={isInitializing}
+                          />
+                          <label
+                            htmlFor={`workType-${option.value}`}
+                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                           >
-                            <X className="size-3.5" />
-                            <span className="sr-only">Clear</span>
-                          </Button>
-                        )}
-                      </div>
-                    </FormControl>
+                            {option.label}
+                          </label>
+                        </div>
+                      ))}
+                    </div>
                     <FormMessage />
                   </FormItem>
                 )}
diff --git a/lib/techsales-rfq/table/rfq-table-column.tsx b/lib/techsales-rfq/table/rfq-table-column.tsx
index f41857cd..2bc5b5b4 100644
--- a/lib/techsales-rfq/table/rfq-table-column.tsx
+++ b/lib/techsales-rfq/table/rfq-table-column.tsx
@@ -9,6 +9,9 @@ import { DataTableRowAction } from "@/types/table"
 import { Paperclip, Package, FileText, BarChart3 } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { TechSalesRfq } from "./rfq-table"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { MoreHorizontal } from "lucide-react"
+import { Edit } from "lucide-react"
 
 interface GetColumnsProps {
   setRowAction: React.Dispatch<React.SetStateAction<DataTableRowAction<TechSalesRfq> | null>>;
@@ -409,5 +412,35 @@ export function getColumns({
         excelHeader: "CBE 결과"
       },
     },
+    // getColumns 함수 내 컬럼 배열 마지막에 추가
+{
+  id: "actions",
+  header: ({ column }) => (
+    <DataTableColumnHeaderSimple column={column} title="" />
+  ),
+  cell: ({ row }) => {
+    return (
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant="ghost"
+            size="sm"
+            className="h-8 w-8 p-0"
+          >
+            <MoreHorizontal className="h-4 w-4" />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end">
+          <DropdownMenuItem onClick={() => setRowAction({ row, type: "update" })}>
+            <span>수정하기 </span>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    )
+  },
+  enableSorting: false,
+  enableResizing: false,
+  size: 60,
+}
   ]
 }
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/rfq-table.tsx b/lib/techsales-rfq/table/rfq-table.tsx
index e3551625..e1e511c8 100644
--- a/lib/techsales-rfq/table/rfq-table.tsx
+++ b/lib/techsales-rfq/table/rfq-table.tsx
@@ -17,7 +17,7 @@ import {
 import { useDataTable } from "@/hooks/use-data-table"
 import { DataTable } from "@/components/data-table/data-table"
 import { getColumns } from "./rfq-table-column"
-import { useEffect, useMemo } from "react"
+import { useEffect, useMemo, useState } from "react"
 import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar"
 import { RFQTableToolbarActions } from "./rfq-table-toolbar-actions"
 import { getTechSalesRfqsWithJoin, getTechSalesRfqAttachments } from "@/lib/techsales-rfq/service"
@@ -29,6 +29,7 @@ import { ProjectDetailDialog } from "./project-detail-dialog"
 import { RFQFilterSheet } from "./rfq-filter-sheet"
 import { TechSalesRfqAttachmentsSheet, ExistingTechSalesAttachment } from "./tech-sales-rfq-attachments-sheet"
 import { RfqItemsViewDialog } from "./rfq-items-view-dialog"
+import UpdateSheet from "./update-rfq-sheet"
 // 기본적인 RFQ 타입 정의 (repository selectTechSalesRfqsWithJoin 반환 타입에 맞춤)
 export interface TechSalesRfq {
   id: number
@@ -103,7 +104,10 @@ export function RFQListTable({
   
   // 패널 collapse 상태
   const [panelHeight, setPanelHeight] = React.useState<number>(55)
-  
+  // RFQListTable 컴포넌트 내부의 rowAction 처리 부분 수정
+  const [updateSheetOpen, setUpdateSheetOpen] = useState(false);
+  const [selectedRfqIdForUpdate, setSelectedRfqIdForUpdate] = useState<number | null>(null);
+
   // 고정 높이 설정을 위한 상수 (실제 측정값으로 조정 필요)
   const LAYOUT_HEADER_HEIGHT = 64 // Layout Header 높이
   const LAYOUT_FOOTER_HEIGHT = 60 // Layout Footer 높이 (있다면 실제 값)
@@ -246,8 +250,10 @@ export function RFQListTable({
           setIsProjectDetailOpen(true);
           break;
         case "update":
-          console.log("Update rfq:", rowAction.row.original)
-          break;
+            // RFQ 수정 시트 열기
+            setSelectedRfqIdForUpdate(rowAction.row.original.id);
+            setUpdateSheetOpen(true);
+            break;
         case "delete":
           console.log("Delete rfq:", rowAction.row.original)
           break;
@@ -391,6 +397,7 @@ export function RFQListTable({
         { label: "TS", value: "TS" },
         { label: "TE", value: "TE" },
         { label: "TP", value: "TP" },
+        { label: "TA", value: "TA" },
         // 해양HULL workTypes
         { label: "HA", value: "HA" },
         { label: "HE", value: "HE" },
@@ -450,8 +457,6 @@ export function RFQListTable({
     }
   }
 
-  console.log(panelHeight)
-
   return (
     <div 
       className={cn("flex flex-col relative", className)}
@@ -631,6 +636,17 @@ export function RFQListTable({
           rfqType: selectedRfqForItems.rfqType
         } : null}
       />
+          {updateSheetOpen && selectedRfqIdForUpdate && (
+      <UpdateSheet
+        open={updateSheetOpen}
+        onOpenChange={setUpdateSheetOpen}
+        rfqId={selectedRfqIdForUpdate}
+        onUpdated={() => {
+          // 테이블 새로고침 로직
+          // 필요한 경우 여기에 추가
+        }}
+      />
+    )}
     </div>
   )
 }
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/update-rfq-sheet.tsx b/lib/techsales-rfq/table/update-rfq-sheet.tsx
new file mode 100644
index 00000000..7dcc0e0e
--- /dev/null
+++ b/lib/techsales-rfq/table/update-rfq-sheet.tsx
@@ -0,0 +1,267 @@
+"use client";
+import * as React from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale/ko";
+import { toast } from "sonner";
+import { Loader2, CalendarIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from "@/components/ui/sheet";
+import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";
+import { Calendar } from "@/components/ui/calendar";
+import { cn } from "@/lib/utils";
+import { updateTechSalesRfq, getTechSalesRfqById } from "@/lib/techsales-rfq/service";
+
+// Zod schema for form validation
+const updateRfqSchema = z.object({
+  rfqId: z.number().min(1, "RFQ ID is required"),
+  description: z.string(),
+  dueDate: z.string(),
+});
+
+type UpdateRfqSchema = z.infer<typeof updateRfqSchema>;
+
+interface UpdateSheetProps {
+  open: boolean;
+  onOpenChange?: (open: boolean) => void;
+  rfqId: number;
+  onUpdated?: () => void;
+}
+
+export default function UpdateSheet({ open, onOpenChange, rfqId, onUpdated }: UpdateSheetProps) {
+  const [isPending, startTransition] = React.useTransition();
+  const [projectInfo, setProjectInfo] = React.useState({
+    projNm: "",
+    sector: "",
+    projMsrm: "",
+    ptypeNm: "",
+    rfqNo: "",
+  });
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  // Initialize form with React Hook Form and Zod
+  const form = useForm<UpdateRfqSchema>({
+    resolver: zodResolver(updateRfqSchema),
+    defaultValues: {
+      rfqId,
+      description: "",
+      dueDate: "",
+    },
+  });
+
+  // Load RFQ data when sheet opens
+  React.useEffect(() => {
+    if (open && rfqId) {
+      loadRfqData();
+    }
+  }, [open, rfqId]);
+
+  const loadRfqData = async () => {
+    try {
+      setIsLoading(true);
+      const result = await getTechSalesRfqById(rfqId);
+      if (result.error) {
+        toast.error(result.error);
+        onOpenChange?.(false);
+        return;
+      }
+      if (result.data) {
+        form.reset({
+          rfqId,
+          description: result.data.description || "",
+          dueDate: result.data.dueDate ? new Date(result.data.dueDate).toISOString().slice(0, 10) : "",
+        });
+        setProjectInfo({
+          projNm: result.data.project[0].projectName || "",
+          sector: result.data.project[0].pjtType || "",
+          projMsrm: result.data.project[0].projMsrm || "",
+          ptypeNm: result.data.project[0].ptypeNm || "",
+          rfqNo: result.data.rfqCode || "",
+        });
+      }
+    } catch (error: any) {
+      toast.error("RFQ 정보를 불러오는 중 오류가 발생했습니다: " + error.message);
+      onOpenChange?.(false);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  // Form submission handler with debug logs
+  async function onSubmit(values: UpdateRfqSchema) {
+    console.log("Form submitted with values:", values);
+    startTransition(async () => {
+      try {
+        console.log("Submitting RFQ update for ID:", values.rfqId);
+        const result = await updateTechSalesRfq({
+          id: values.rfqId,
+          description: values.description,
+          dueDate: new Date(values.dueDate),
+          updatedBy: 1, // Replace with actual user ID
+        });
+        if (result.error) {
+          console.error("Update error:", result.error);
+          toast.error(result.error);
+        } else {
+          console.log("RFQ updated successfully");
+          toast.success("RFQ가 성공적으로 업데이트되었습니다!");
+          onUpdated?.();
+          onOpenChange?.(false);
+          form.reset();
+        }
+      } catch (error: any) {
+        console.error("Update failed with error:", error.message);
+        toast.error("업데이트 중 오류 발생: " + error.message);
+      }
+    });
+  }
+
+  // Debug form errors on change
+  React.useEffect(() => {
+    const subscription = form.watch(() => {
+      console.log("Form values changed:", form.getValues());
+      console.log("Form errors:", form.formState.errors);
+    });
+    return () => subscription.unsubscribe();
+  }, [form]);
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent className="flex flex-col h-full sm:max-w-xl bg-gray-50">
+        <SheetHeader className="text-left flex-shrink-0">
+          <SheetTitle className="text-2xl font-bold">RFQ 수정</SheetTitle>
+          <SheetDescription className="">
+            RFQ 정보를 수정합니다. 모든 필드를 입력한 후 저장 버튼을 클릭하세요.
+          </SheetDescription>
+        </SheetHeader>
+
+        <div className="flex-1 overflow-y-auto py-4">
+          {isLoading ? (
+            <div className="flex justify-center items-center py-12">
+              <Loader2 className="h-10 w-10 animate-spin" />
+            </div>
+          ) : (
+            <div className="space-y-6">
+              <div className="bg-white shadow-sm rounded-lg p-5 border border-gray-200">
+                <div className="grid grid-cols-2 gap-4 text-sm">
+                  <div>
+                    <span className="font-semibold text-gray-700">프로젝트명:</span> {projectInfo.projNm}
+                  </div>
+                  <div>
+                    <span className="font-semibold text-gray-700">섹터:</span> {projectInfo.sector}
+                  </div>
+                  <div>
+                    <span className="font-semibold text-gray-700">척수:</span> {projectInfo.projMsrm}
+                  </div>
+                  <div>
+                    <span className="font-semibold text-gray-700">선종:</span> {projectInfo.ptypeNm}
+                  </div>
+                  <div>
+                    <span className="font-semibold text-gray-700">RFQ No:</span> {projectInfo.rfqNo}
+                  </div>
+                </div>
+              </div>
+
+              <Form {...form}>
+                <form id="update-rfq-form" onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-4">
+                  <FormField
+                    control={form.control}
+                    name="description"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel className="text-sm font-medium text-gray-700">RFQ Title</FormLabel>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            placeholder="RFQ Title을 입력하세요"
+                            className="border-gray-300 rounded-md"
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="dueDate"
+                    render={({ field }) => (
+                      <FormItem className="flex flex-col">
+                        <FormLabel>마감일</FormLabel>
+                        <Popover>
+                          <PopoverTrigger asChild>
+                            <FormControl>
+                              <Button
+                                variant="outline"
+                                className={cn(
+                                  "w-full pl-3 text-left font-normal",
+                                  !field.value && "text-muted-foreground"
+                                )}
+                              >
+                                {field.value ? (
+                                  format(new Date(field.value), "PPP", { locale: ko })
+                                ) : (
+                                  <span>마감일을 선택하세요</span>
+                                )}
+                                <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                              </Button>
+                            </FormControl>
+                          </PopoverTrigger>
+                          <PopoverContent className="w-auto p-0" align="start">
+                            <Calendar
+                              mode="single"
+                              selected={field.value ? new Date(field.value) : undefined}
+                              onSelect={(date) => {
+                                // date-fns format을 사용해 yyyy-MM-dd로 변환하여 string 저장
+                                if (date) {
+                                  field.onChange(format(date, "yyyy-MM-dd"));
+                                }
+                              }}
+                              disabled={(date) =>
+                                date < new Date() || date < new Date("1900-01-01")
+                              }
+                              initialFocus
+                            />
+                          </PopoverContent>
+                        </Popover>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </form>
+              </Form>
+            </div>
+          )}
+        </div>
+
+        <SheetFooter className="gap-2 pt-2 sm:space-x-0 flex-shrink-0">
+          <SheetClose asChild>
+            <Button
+              type="button"
+              variant="outline"
+              disabled={isPending}
+              className="border-gray-300 text-gray-700 hover:bg-gray-100 rounded-md"
+            >
+              취소
+            </Button>
+          </SheetClose>
+          <Button
+            type="submit"
+            form="update-rfq-form"
+            disabled={isPending}
+            className="bg-blue-600 hover:bg-blue-700 text-white rounded-md"
+            onClick={() => console.log("Save button clicked")}
+          >
+            {isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" />}
+            저장
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3