(김준회) dolce rebuild: i18n 지원

4 files changed, 126 insertions, 122 deletions

diff --git a/lib/dolce/dialogs/add-detail-drawing-dialog.tsx b/lib/dolce/dialogs/add-detail-drawing-dialog.tsx
index 2454b1ba..48614ecf 100644
--- a/lib/dolce/dialogs/add-detail-drawing-dialog.tsx
+++ b/lib/dolce/dialogs/add-detail-drawing-dialog.tsx
@@ -26,6 +26,12 @@ import { v4 as uuidv4 } from "uuid";
 import { useFileUploadWithProgress } from "../hooks/use-file-upload-with-progress";
 import { uploadFilesWithProgress } from "../utils/upload-with-progress";
 import { FileUploadProgressList } from "../components/file-upload-progress-list";
+import { 
+  getB3DrawingUsageOptions, 
+  getB3RegisterKindOptions,
+  getB4DrawingUsageOptions,
+  getB4RegisterKindOptions
+} from "../utils/code-translator";
 
 interface AddDetailDrawingDialogProps {
   open: boolean;
@@ -36,38 +42,10 @@ interface AddDetailDrawingDialogProps {
   userName: string;
   userEmail: string;
   onComplete: () => void;
-  drawingKind: "B3" | "B4"; // 추가
+  drawingKind: "B3" | "B4";
+  lng?: string; // i18n support
 }
 
-// B3 벤더의 선택 옵션
-const B3_DRAWING_USAGE_OPTIONS = [
-  { value: "APP", label: "APPROVAL (승인용)" },
-  { value: "WOR", label: "WORKING (작업용)" },
-];
-
-const B3_REGISTER_KIND_OPTIONS: Record<string, Array<{ value: string; label: string; revisionRule: string }>> = {
-  APP: [
-    { value: "APPR", label: "승인용 도면 (Full)", revisionRule: "예: A, B, C 또는 R00, R01, R02" },
-    { value: "APPR-P", label: "승인용 도면 (Partial)", revisionRule: "예: A, B, C 또는 R00, R01, R02" },
-  ],
-  WOR: [
-    { value: "WORK", label: "작업용 입수도면 (Full)", revisionRule: "예: A, B, C 또는 R00, R01, R02" },
-    { value: "WORK-P", label: "작업용 입수도면 (Partial)", revisionRule: "예: A, B, C 또는 R00, R01, R02" },
-  ],
-};
-
-// B4 벤더(GTT)의 선택 옵션
-const B4_DRAWING_USAGE_OPTIONS = [
-  { value: "REC", label: "RECEIVE (입수용)" },
-];
-
-const B4_REGISTER_KIND_OPTIONS: Record<string, Array<{ value: string; label: string; revisionRule: string }>> = {
-  REC: [
-    { value: "RECP", label: "Pre. 도면입수", revisionRule: "예: R00, R01, R02, R03" },
-    { value: "RECW", label: "Working 도면입수", revisionRule: "예: R00, R01, R02, R03" },
-  ],
-};
-
 export function AddDetailDrawingDialog({
   open,
   onOpenChange,
@@ -78,6 +56,7 @@ export function AddDetailDrawingDialog({
   userEmail,
   onComplete,
   drawingKind,
+  lng = "ko",
 }: AddDetailDrawingDialogProps) {
   const [drawingUsage, setDrawingUsage] = useState<string>("");
   const [registerKind, setRegisterKind] = useState<string>("");
@@ -85,6 +64,21 @@ export function AddDetailDrawingDialog({
   const [revisionError, setRevisionError] = useState<string>("");
   const [isSubmitting, setIsSubmitting] = useState(false);
 
+  // 옵션 생성 (다국어 지원)
+  const drawingUsageOptions = drawingKind === "B3" 
+    ? getB3DrawingUsageOptions(lng)
+    : getB4DrawingUsageOptions(lng);
+
+  const registerKindOptions = drawingKind === "B3"
+    ? getB3RegisterKindOptions(drawingUsage, lng).map(opt => ({
+        ...opt,
+        revisionRule: lng === "ko" ? "예: A, B, C 또는 R00, R01, R02" : "e.g. A, B, C or R00, R01, R02"
+      }))
+    : getB4RegisterKindOptions(drawingUsage, lng).map(opt => ({
+        ...opt,
+        revisionRule: lng === "ko" ? "예: R00, R01, R02, R03" : "e.g. R00, R01, R02, R03"
+      }));
+
   // 파일 업로드 훅 사용 (진행도 추적)
   const {
     fileProgresses,
@@ -118,20 +112,13 @@ export function AddDetailDrawingDialog({
     return "올바른 형식이 아닙니다 (A-Z 또는 R00-R99)";
   };
 
-  // Revision 입력 핸들러 (자동 변환 포함)
+  // Revision 입력 핸들러
   const handleRevisionChange = (value: string) => {
-    let processedValue = value.toUpperCase().trim();
-
-    // R1~R9 입력시 R01~R09로 자동 변환
-    const rNumberMatch = processedValue.match(/^R(\d)$/);
-    if (rNumberMatch) {
-      processedValue = `R0${rNumberMatch[1]}`;
-    }
-
+    const processedValue = value.toUpperCase();
     setRevision(processedValue);
 
     // 값이 있을 때만 validation
-    if (processedValue) {
+    if (processedValue.trim()) {
       const error = validateRevision(processedValue);
       setRevisionError(error);
     } else {
@@ -280,17 +267,17 @@ export function AddDetailDrawingDialog({
     setRevisionError("");
   };
 
-  // 현재 선택 가능한 DrawingUsage 및 RegisterKind 옵션
-  const drawingUsageOptions = drawingKind === "B4" ? B4_DRAWING_USAGE_OPTIONS : B3_DRAWING_USAGE_OPTIONS;
-  const registerKindOptionsMap = drawingKind === "B4" ? B4_REGISTER_KIND_OPTIONS : B3_REGISTER_KIND_OPTIONS;
-  
-  const registerKindOptions = drawingUsage
-    ? registerKindOptionsMap[drawingUsage] || []
-    : [];
-
   // 선택된 RegisterKind의 Revision Rule
   const revisionRule = registerKindOptions.find((opt) => opt.value === registerKind)?.revisionRule || "";
 
+  // 추가 버튼 활성화 조건
+  const isFormValid = 
+    drawingUsage.trim() !== "" &&
+    registerKind.trim() !== "" &&
+    revision.trim() !== "" &&
+    !revisionError &&
+    files.length > 0;
+
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-2xl">
@@ -467,7 +454,7 @@ export function AddDetailDrawingDialog({
           <Button variant="outline" onClick={handleCancel} disabled={isSubmitting}>
             취소
           </Button>
-          <Button onClick={handleSubmit} disabled={isSubmitting}>
+          <Button onClick={handleSubmit} disabled={isSubmitting || !isFormValid}>
             {isSubmitting ? "처리 중..." : "추가"}
           </Button>
         </DialogFooter>
diff --git a/lib/dolce/dialogs/b4-bulk-upload-dialog.tsx b/lib/dolce/dialogs/b4-bulk-upload-dialog.tsx
index 75b221da..1be7f226 100644
--- a/lib/dolce/dialogs/b4-bulk-upload-dialog.tsx
+++ b/lib/dolce/dialogs/b4-bulk-upload-dialog.tsx
@@ -22,6 +22,7 @@ import {
 import { FolderOpen, Loader2, ChevronRight, ChevronLeft, CheckCircle2 } from "lucide-react";
 import { toast } from "sonner";
 import { Progress } from "@/components/ui/progress";
+import { useTranslation } from "@/i18n/client";
 import {
   validateB4FileName,
   B4UploadValidationDialog,
@@ -44,20 +45,9 @@ interface B4BulkUploadDialogProps {
   userEmail: string;
   vendorCode: string;
   onUploadComplete?: () => void;
+  lng: string;
 }
 
-// B4 GTT 옵션
-const B4_DRAWING_USAGE_OPTIONS = [
-  { value: "REC", label: "RECEIVE (입수용)" },
-];
-
-const B4_REGISTER_KIND_OPTIONS: Record<string, Array<{ value: string; label: string }>> = {
-  REC: [
-    { value: "RECP", label: "Pre. 도면입수" },
-    { value: "RECW", label: "Working 도면입수" },
-  ],
-};
-
 type UploadStep = "settings" | "files" | "validation" | "uploading" | "complete";
 
 export function B4BulkUploadDialog({
@@ -69,7 +59,9 @@ export function B4BulkUploadDialog({
   userEmail,
   vendorCode,
   onUploadComplete,
+  lng,
 }: B4BulkUploadDialogProps) {
+  const { t } = useTranslation(lng, "dolce");
   const [currentStep, setCurrentStep] = useState<UploadStep>("settings");
   const [drawingUsage, setDrawingUsage] = useState<string>("REC");
   const [registerKind, setRegisterKind] = useState<string>("");
@@ -81,6 +73,18 @@ export function B4BulkUploadDialog({
   const [uploadProgress, setUploadProgress] = useState(0);
   const [uploadResult, setUploadResult] = useState<B4BulkUploadResult | null>(null);
 
+  // B4 GTT 옵션 (코드 번역 유틸리티 사용)
+  const drawingUsageOptions = [
+    { value: "REC", label: t("bulkUpload.drawingUsageReceive") },
+  ];
+
+  const registerKindOptionsMap: Record<string, Array<{ value: string; label: string }>> = {
+    REC: [
+      { value: "RECP", label: t("bulkUpload.registerKindRecP") },
+      { value: "RECW", label: t("bulkUpload.registerKindRecW") },
+    ],
+  };
+
   // 다이얼로그 닫을 때 초기화
   React.useEffect(() => {
     if (!open) {
@@ -105,12 +109,12 @@ export function B4BulkUploadDialog({
     const newFiles = files.filter((f) => !existingNames.has(f.name));
 
     if (newFiles.length === 0) {
-      toast.error("이미 선택된 파일입니다");
+      toast.error(t("bulkUpload.duplicateFileError"));
       return;
     }
 
     setSelectedFiles((prev) => [...prev, ...newFiles]);
-    toast.success(`${newFiles.length}개 파일이 선택되었습니다`);
+    toast.success(t("bulkUpload.filesSelectedSuccess", { count: newFiles.length }));
   };
 
   // Drag & Drop 핸들러
@@ -153,7 +157,7 @@ export function B4BulkUploadDialog({
   // 1단계 완료 (설정)
   const handleSettingsNext = () => {
     if (!registerKind) {
-      toast.error("등록종류를 선택하세요");
+      toast.error(t("bulkUpload.selectRegisterKindError"));
       return;
     }
     setCurrentStep("files");
@@ -162,7 +166,7 @@ export function B4BulkUploadDialog({
   // 2단계 완료 (파일 선택)
   const handleFilesNext = () => {
     if (selectedFiles.length === 0) {
-      toast.error("파일을 선택해주세요");
+      toast.error(t("bulkUpload.selectFilesError"));
       return;
     }
     setCurrentStep("validation");
@@ -220,7 +224,7 @@ export function B4BulkUploadDialog({
           return {
             ...parseResult,
             mappingStatus: "not_found" as const,
-            error: "DOLCE 시스템에서 도면을 찾을 수 없습니다",
+            error: t("validation.notFound"),
           };
         }
 
@@ -229,7 +233,7 @@ export function B4BulkUploadDialog({
           return {
             ...parseResult,
             mappingStatus: "not_found" as const,
-            error: "해당 도면번호가 프로젝트에 등록되어 있지 않습니다",
+            error: t("validation.notRegistered"),
           };
         }
 
@@ -238,7 +242,7 @@ export function B4BulkUploadDialog({
           return {
             ...parseResult,
             mappingStatus: "not_found" as const,
-            error: "도면입수(GTT Deliverables)인 도면만 업로드 가능합니다",
+            error: t("validation.notGttDeliverables"),
           };
         }
 
@@ -256,7 +260,7 @@ export function B4BulkUploadDialog({
     } catch (error) {
       console.error("검증 실패:", error);
       toast.error(
-        error instanceof Error ? error.message : "검증 중 오류가 발생했습니다"
+        error instanceof Error ? error.message : t("bulkUpload.validationError")
       );
     }
   };
@@ -393,11 +397,11 @@ export function B4BulkUploadDialog({
 
       setUploadResult(result);
       setCurrentStep("complete");
-      toast.success(`${successCount}/${validFiles.length}개 파일 업로드 완료`);
+      toast.success(t("bulkUpload.uploadSuccessToast", { successCount, total: validFiles.length }));
     } catch (error) {
       console.error("[B4 일괄 업로드] 실패:", error);
       toast.error(
-        error instanceof Error ? error.message : "업로드 중 오류가 발생했습니다"
+        error instanceof Error ? error.message : t("bulkUpload.uploadError")
       );
       setCurrentStep("files");
     } finally {
@@ -406,7 +410,7 @@ export function B4BulkUploadDialog({
   };
 
   const registerKindOptions = drawingUsage
-    ? B4_REGISTER_KIND_OPTIONS[drawingUsage] || []
+    ? registerKindOptionsMap[drawingUsage] || []
     : [];
 
   const handleDrawingUsageChange = (value: string) => {
@@ -419,11 +423,11 @@ export function B4BulkUploadDialog({
       <Dialog open={open} onOpenChange={onOpenChange}>
         <DialogContent className="max-w-2xl">
           <DialogHeader>
-            <DialogTitle>B4 일괄 업로드</DialogTitle>
+            <DialogTitle>{t("bulkUpload.title")}</DialogTitle>
             <DialogDescription>
-              {currentStep === "settings" && "업로드 설정을 선택하세요"}
-              {currentStep === "files" && "파일명 형식: [버림] [DrawingNo] [RevNo].[확장자] (예: testfile GTT-DE-007 R01.pdf)"}
-              {currentStep === "validation" && "파일 검증 중..."}
+              {currentStep === "settings" && t("bulkUpload.stepSettings")}
+              {currentStep === "files" && t("bulkUpload.stepFiles")}
+              {currentStep === "validation" && t("bulkUpload.stepValidation")}
             </DialogDescription>
           </DialogHeader>
 
@@ -433,13 +437,13 @@ export function B4BulkUploadDialog({
               <>
                 {/* 도면용도 선택 */}
                 <div className="space-y-2">
-                  <Label>도면용도 (Drawing Usage) *</Label>
+                  <Label>{t("bulkUpload.drawingUsage")} *</Label>
                   <Select value={drawingUsage} onValueChange={handleDrawingUsageChange}>
                     <SelectTrigger>
-                      <SelectValue placeholder="도면용도를 선택하세요" />
+                      <SelectValue placeholder={t("bulkUpload.drawingUsagePlaceholder")} />
                     </SelectTrigger>
                     <SelectContent>
-                      {B4_DRAWING_USAGE_OPTIONS.map((option) => (
+                      {drawingUsageOptions.map((option) => (
                         <SelectItem key={option.value} value={option.value}>
                           {option.label}
                         </SelectItem>
@@ -450,14 +454,14 @@ export function B4BulkUploadDialog({
 
                 {/* 등록종류 선택 */}
                 <div className="space-y-2">
-                  <Label>등록종류 (Register Kind) *</Label>
+                  <Label>{t("bulkUpload.registerKind")} *</Label>
                   <Select
                     value={registerKind}
                     onValueChange={setRegisterKind}
                     disabled={!drawingUsage}
                   >
                     <SelectTrigger>
-                      <SelectValue placeholder="등록종류를 선택하세요" />
+                      <SelectValue placeholder={t("bulkUpload.registerKindPlaceholder")} />
                     </SelectTrigger>
                     <SelectContent>
                       {registerKindOptions.map((option) => (
@@ -468,7 +472,7 @@ export function B4BulkUploadDialog({
                     </SelectContent>
                   </Select>
                   <p className="text-sm text-muted-foreground">
-                    선택한 등록종류가 모든 파일에 적용됩니다
+                    {t("bulkUpload.registerKindNote")}
                   </p>
                 </div>
               </>
@@ -514,11 +518,11 @@ export function B4BulkUploadDialog({
                       }`}
                     >
                       {isDragging
-                        ? "파일을 여기에 놓으세요"
-                        : "클릭하거나 파일을 드래그하여 선택"}
+                        ? t("bulkUpload.fileDropHere")
+                        : t("bulkUpload.fileSelectArea")}
                     </p>
                     <p className="text-xs text-muted-foreground mt-1">
-                      PDF, DOC, DOCX, XLS, XLSX, DWG, DXF, ZIP
+                      {t("bulkUpload.fileTypes")}
                     </p>
                   </label>
                 </div>
@@ -528,14 +532,14 @@ export function B4BulkUploadDialog({
                   <div className="border rounded-lg p-4">
                     <div className="flex items-center justify-between mb-3">
                       <h4 className="text-sm font-medium">
-                        선택된 파일 ({selectedFiles.length}개)
+                        {t("bulkUpload.selectedFiles", { count: selectedFiles.length })}
                       </h4>
                       <Button
                         variant="ghost"
                         size="sm"
                         onClick={() => setSelectedFiles([])}
                       >
-                        전체 제거
+                        {t("bulkUpload.removeAll")}
                       </Button>
                     </div>
                     <div className="max-h-60 overflow-y-auto space-y-2">
@@ -555,7 +559,7 @@ export function B4BulkUploadDialog({
                             size="sm"
                             onClick={() => handleRemoveFile(index)}
                           >
-                            제거
+                            {t("bulkUpload.removeFile")}
                           </Button>
                         </div>
                       ))}
@@ -570,7 +574,7 @@ export function B4BulkUploadDialog({
               <div className="flex flex-col items-center justify-center py-12">
                 <Loader2 className="h-12 w-12 animate-spin text-primary mb-4" />
                 <p className="text-sm text-muted-foreground">
-                  파일 검증 중입니다...
+                  {t("bulkUpload.validating")}
                 </p>
               </div>
             )}
@@ -580,21 +584,21 @@ export function B4BulkUploadDialog({
               <div className="space-y-6 py-8">
                 <div className="flex flex-col items-center">
                   <Loader2 className="h-12 w-12 animate-spin text-primary mb-4" />
-                  <h3 className="text-lg font-semibold mb-2">파일 업로드 중...</h3>
+                  <h3 className="text-lg font-semibold mb-2">{t("bulkUpload.uploading")}</h3>
                   <p className="text-sm text-muted-foreground">
-                    잠시만 기다려주세요
+                    {t("bulkUpload.uploadingWait")}
                   </p>
                 </div>
                 <div className="space-y-2">
                   <div className="flex justify-between text-sm">
-                    <span>진행률</span>
+                    <span>{t("bulkUpload.uploadProgress")}</span>
                     <span>{uploadProgress}%</span>
                   </div>
                   <Progress value={uploadProgress} className="h-2" />
                   {/* 90% 이상일 때 추가 안내 메시지 */}
                   {uploadProgress >= 90 && uploadProgress < 100 && (
                     <p className="text-xs text-muted-foreground text-center pt-2">
-                      서버에서 DOLCE API로 전송 중입니다...
+                      {t("bulkUpload.uploadingToServer")}
                     </p>
                   )}
                 </div>
@@ -606,16 +610,16 @@ export function B4BulkUploadDialog({
               <div className="space-y-6 py-8">
                 <div className="flex flex-col items-center">
                   <CheckCircle2 className="h-16 w-16 text-green-500 mb-4" />
-                  <h3 className="text-lg font-semibold mb-2">업로드 완료!</h3>
+                  <h3 className="text-lg font-semibold mb-2">{t("bulkUpload.uploadComplete")}</h3>
                   <p className="text-sm text-muted-foreground">
-                    {uploadResult.successCount}개 파일이 성공적으로 업로드되었습니다
+                    {t("bulkUpload.uploadSuccessMessage", { count: uploadResult.successCount })}
                   </p>
                 </div>
                 
                 {uploadResult.failCount && uploadResult.failCount > 0 && (
                   <div className="bg-yellow-50 dark:bg-yellow-950/30 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
                     <p className="text-sm text-yellow-800 dark:text-yellow-200">
-                      {uploadResult.failCount}개 파일 업로드 실패
+                      {t("bulkUpload.uploadFailMessage", { count: uploadResult.failCount })}
                     </p>
                   </div>
                 )}
@@ -627,7 +631,7 @@ export function B4BulkUploadDialog({
                       onUploadComplete?.();
                     }}
                   >
-                    확인
+                    {t("bulkUpload.confirmButton")}
                   </Button>
                 </div>
               </div>
@@ -643,13 +647,13 @@ export function B4BulkUploadDialog({
                   variant="outline"
                   onClick={() => onOpenChange(false)}
                 >
-                  취소
+                  {t("bulkUpload.cancelButton")}
                 </Button>
                 <Button
                   onClick={handleSettingsNext}
                   disabled={!registerKind}
                 >
-                  다음
+                  {t("bulkUpload.nextButton")}
                   <ChevronRight className="ml-2 h-4 w-4" />
                 </Button>
               </>
@@ -662,13 +666,13 @@ export function B4BulkUploadDialog({
                   onClick={() => setCurrentStep("settings")}
                 >
                   <ChevronLeft className="mr-2 h-4 w-4" />
-                  이전
+                  {t("bulkUpload.previousButton")}
                 </Button>
                 <Button
                   onClick={handleFilesNext}
                   disabled={selectedFiles.length === 0}
                 >
-                  검증 시작
+                  {t("bulkUpload.validateButton")}
                   <ChevronRight className="ml-2 h-4 w-4" />
                 </Button>
               </>
@@ -685,6 +689,7 @@ export function B4BulkUploadDialog({
         validationResults={validationResults}
         onConfirmUpload={handleConfirmUpload}
         isUploading={isUploading}
+        lng={lng}
       />
     </>
   );
diff --git a/lib/dolce/dialogs/detail-drawing-dialog.tsx b/lib/dolce/dialogs/detail-drawing-dialog.tsx
index a06c9688..d9df58db 100644
--- a/lib/dolce/dialogs/detail-drawing-dialog.tsx
+++ b/lib/dolce/dialogs/detail-drawing-dialog.tsx
@@ -12,6 +12,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Plus, RefreshCw, Upload, Loader2 } from "lucide-react";
 import { toast } from "sonner";
+import { useTranslation } from "@/i18n/client";
 import {
   UnifiedDwgReceiptItem,
   DetailDwgReceiptItem,
@@ -20,7 +21,7 @@ import {
   fetchFileInfoList,
 } from "../actions";
 import { DrawingListTable } from "../table/drawing-list-table";
-import { detailDrawingColumns } from "../table/detail-drawing-columns";
+import { createDetailDrawingColumns } from "../table/detail-drawing-columns";
 import { createFileListColumns } from "../table/file-list-columns";
 import { AddDetailDrawingDialog } from "./add-detail-drawing-dialog";
 import { UploadFilesToDetailDialog } from "./upload-files-to-detail-dialog";
@@ -34,6 +35,7 @@ interface DetailDrawingDialogProps {
   userName: string;
   userEmail: string;
   drawingKind: "B3" | "B4";
+  lng: string;
 }
 
 export function DetailDrawingDialog({
@@ -45,7 +47,9 @@ export function DetailDrawingDialog({
   userName,
   userEmail,
   drawingKind,
+  lng,
 }: DetailDrawingDialogProps) {
+  const { t } = useTranslation(lng, "dolce");
   const [detailDrawings, setDetailDrawings] = useState<DetailDwgReceiptItem[]>([]);
   const [selectedDetail, setSelectedDetail] = useState<DetailDwgReceiptItem | null>(null);
   const [files, setFiles] = useState<FileInfoItem[]>([]);
@@ -75,11 +79,11 @@ export function DetailDrawingDialog({
       }
     } catch (error) {
       console.error("상세도면 로드 실패:", error);
-      toast.error("상세도면 로드에 실패했습니다");
+      toast.error(t("detailDialog.detailLoadError"));
     } finally {
       setIsLoading(false);
     }
-  }, [drawing, selectedDetail]);
+  }, [drawing, selectedDetail, t]);
 
   // 파일 목록 로드
   const loadFiles = useCallback(async () => {
@@ -94,11 +98,11 @@ export function DetailDrawingDialog({
       setFiles(data);
     } catch (error) {
       console.error("파일 목록 로드 실패:", error);
-      toast.error("파일 목록 로드에 실패했습니다");
+      toast.error(t("detailDialog.fileLoadError"));
     } finally {
       setIsLoadingFiles(false);
     }
-  }, [selectedDetail]);
+  }, [selectedDetail, t]);
 
   // 다이얼로그 열릴 때 데이터 로드
   useEffect(() => {
@@ -120,7 +124,7 @@ export function DetailDrawingDialog({
 
   const handleDownload = async (file: FileInfoItem) => {
     try {
-      toast.info("파일 다운로드를 준비 중입니다...");
+      toast.info(t("detailDialog.downloadPreparing"));
       
       // 파일 생성자의 userId를 사용하여 다운로드
       const response = await fetch("/api/dolce/download", {
@@ -136,7 +140,7 @@ export function DetailDrawingDialog({
       });
 
       if (!response.ok) {
-        throw new Error("파일 다운로드 실패");
+        throw new Error(t("detailDialog.downloadError"));
       }
 
       const blob = await response.blob();
@@ -149,10 +153,10 @@ export function DetailDrawingDialog({
       window.URL.revokeObjectURL(url);
       document.body.removeChild(a);
       
-      toast.success("파일 다운로드가 완료되었습니다");
+      toast.success(t("detailDialog.downloadSuccess"));
     } catch (error) {
       console.error("파일 다운로드 실패:", error);
-      toast.error("파일 다운로드에 실패했습니다");
+      toast.error(t("detailDialog.downloadError"));
     }
   };
 
@@ -170,7 +174,7 @@ export function DetailDrawingDialog({
     loadFiles();
   };
 
-  const fileColumns = createFileListColumns({ onDownload: handleDownload });
+  const fileColumns = createFileListColumns({ onDownload: handleDownload, lng });
 
   // RegisterId + UploadId 조합으로 고유 ID 생성
   const getDetailDrawingId = (detail: DetailDwgReceiptItem) => {
@@ -188,10 +192,15 @@ export function DetailDrawingDialog({
         <DialogContent className="max-w-[95vw] h-[90vh] flex flex-col">
           <DialogHeader>
             <DialogTitle className="flex flex-col gap-1">
-              <span>상세도면 정보</span>
+              <span>{t("detailDialog.title")}</span>
               {drawing && (
                 <span className="text-sm font-normal text-muted-foreground">
-                  {drawing.DrawingNo} | 프로젝트: {drawing.ProjectNo} | Discipline: {drawing.Discipline} | 종류: {drawing.DrawingKind}
+                  {t("detailDialog.subtitle", {
+                    drawingNo: drawing.DrawingNo,
+                    projectNo: drawing.ProjectNo,
+                    discipline: drawing.Discipline,
+                    drawingKind: drawing.DrawingKind
+                  })}
                 </span>
               )}
             </DialogTitle>
@@ -201,7 +210,7 @@ export function DetailDrawingDialog({
             {/* 상단: 상세도면 리스트 */}
             <Card className="flex-1 overflow-hidden flex flex-col">
               <CardHeader className="flex-row items-center justify-between py-3">
-                <CardTitle className="text-base">상세도면 목록</CardTitle>
+                <CardTitle className="text-base">{t("detailDialog.detailListTitle")}</CardTitle>
                 <div className="flex gap-2">
                   <Button
                     variant="outline"
@@ -210,7 +219,7 @@ export function DetailDrawingDialog({
                     disabled={isLoading}
                   >
                     <RefreshCw className={`h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}`} />
-                    새로고침
+                    {t("detailDialog.refreshButton")}
                   </Button>
                   {canAddDetailDrawing && (
                     <Button
@@ -219,14 +228,14 @@ export function DetailDrawingDialog({
                       onClick={() => setAddDialogOpen(true)}
                     >
                       <Plus className="h-4 w-4 mr-2" />
-                      상세도면 추가
+                      {t("detailDialog.addDetailButton")}
                     </Button>
                   )}
                 </div>
               </CardHeader>
               <CardContent className="flex-1 overflow-y-auto p-4">
                 <DrawingListTable<DetailDwgReceiptItem, unknown>
-                  columns={detailDrawingColumns}
+                  columns={createDetailDrawingColumns(lng, t)}
                   data={detailDrawings}
                   onRowClick={setSelectedDetail}
                   selectedRow={selectedDetail || undefined}
@@ -239,8 +248,8 @@ export function DetailDrawingDialog({
             <Card className="flex-1 overflow-hidden flex flex-col">
               <CardHeader className="flex-row items-center justify-between py-3">
                 <CardTitle className="text-base">
-                  첨부파일 목록
-                  {selectedDetail && ` - Rev. ${selectedDetail.DrawingRevNo}`}
+                  {t("detailDialog.fileListTitle")}
+                  {selectedDetail && t("detailDialog.fileListSubtitle", { revNo: selectedDetail.DrawingRevNo })}
                 </CardTitle>
                 {selectedDetail && canAddDetailDrawing && (
                   <Button
@@ -249,20 +258,20 @@ export function DetailDrawingDialog({
                     onClick={() => setUploadFilesDialogOpen(true)}
                   >
                     <Upload className="h-4 w-4 mr-2" />
-                    파일 업로드
+                    {t("detailDialog.uploadFilesButton")}
                   </Button>
                 )}
               </CardHeader>
               <CardContent className="flex-1 overflow-y-auto p-4">
                 {!selectedDetail ? (
                   <div className="h-full flex items-center justify-center text-muted-foreground">
-                    상세도면을 선택하세요
+                    {t("detailDialog.selectDetailDrawing")}
                   </div>
                 ) : isLoadingFiles ? (
                   <div className="space-y-4">
                     <div className="flex items-center justify-center gap-2 text-muted-foreground py-8">
                       <Loader2 className="h-5 w-5 animate-spin" />
-                      <span>Loading files...</span>
+                      <span>{t("detailDialog.loadingFiles")}</span>
                     </div>
                     <div className="space-y-2">
                       <Skeleton className="h-10 w-full" />
@@ -292,6 +301,7 @@ export function DetailDrawingDialog({
         userEmail={userEmail}
         onComplete={handleAddComplete}
         drawingKind={drawingKind}
+        lng={lng}
       />
 
       {selectedDetail && (
@@ -303,6 +313,7 @@ export function DetailDrawingDialog({
           revNo={selectedDetail.DrawingRevNo}
           userId={userId}
           onUploadComplete={handleUploadComplete}
+          lng={lng}
         />
       )}
     </>
diff --git a/lib/dolce/dialogs/upload-files-to-detail-dialog.tsx b/lib/dolce/dialogs/upload-files-to-detail-dialog.tsx
index 431a2c77..09f68614 100644
--- a/lib/dolce/dialogs/upload-files-to-detail-dialog.tsx
+++ b/lib/dolce/dialogs/upload-files-to-detail-dialog.tsx
@@ -26,6 +26,7 @@ interface UploadFilesToDetailDialogProps {
   revNo: string;
   userId: string;
   onUploadComplete?: () => void;
+  lng?: string; // i18n support
 }
 
 export function UploadFilesToDetailDialog({