From 3157fb94015654c4c0dab06abedaf79d4a83134e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=ED=98=81=EC=84=B1?= <shine1324@gmail.com>
Date: Tue, 27 Jan 2026 23:36:16 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B2=AC=EC=A0=81=20=EC=82=B0=EC=B6=9C?=
 =?UTF-8?q?=20UI=20=EA=B0=9C=EC=84=A0=20=EB=B0=8F=20=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EB=A9=94=EC=8B=9C=EC=A7=80=20=EC=83=81=EC=84=B8=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- LocationDetailPanel: 제작사이즈(W1xH1), 산출중량(K kg), 산출면적(M m²) 표시
- actions.ts: BOM 계산 실패 시 상세 검증 에러 메시지 표시
- 오타 수정: 제적사이즈 → 제작사이즈
---
 src/components/quotes/LocationDetailPanel.tsx | 22 ++++++++++++++-----
 src/components/quotes/actions.ts              | 15 ++++++++++++-
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/components/quotes/LocationDetailPanel.tsx b/src/components/quotes/LocationDetailPanel.tsx
index 1cdd71af..2cfa271a 100644
--- a/src/components/quotes/LocationDetailPanel.tsx
+++ b/src/components/quotes/LocationDetailPanel.tsx
@@ -480,18 +480,28 @@ export function LocationDetailPanel({
           {/* 3행: 제작사이즈, 산출중량, 산출면적, 수량 */}
           <div className="grid grid-cols-4 gap-3 text-sm pt-2 border-t border-gray-200">
             <div>
-              <span className="text-xs text-gray-500">제적사이즈</span>
+              <span className="text-xs text-gray-500">제작사이즈</span>
               <p className="font-semibold">
-                {location.manufactureWidth || location.openWidth + 280}X{location.manufactureHeight || location.openHeight + 280}
+                {location.bomResult?.variables?.W1 || location.manufactureWidth || "-"}
+                X
+                {location.bomResult?.variables?.H1 || location.manufactureHeight || "-"}
               </p>
             </div>
             <div>
-              <span className="text-xs text-gray-500">-</span>
-              <p className="font-semibold">kg</p>
+              <span className="text-xs text-gray-500">산출중량</span>
+              <p className="font-semibold">
+                {location.bomResult?.variables?.K
+                  ? `${Number(location.bomResult.variables.K).toFixed(2)} kg`
+                  : "-"}
+              </p>
             </div>
             <div>
-              <span className="text-xs text-gray-500">-</span>
-              <p className="font-semibold">m²</p>
+              <span className="text-xs text-gray-500">산출면적</span>
+              <p className="font-semibold">
+                {location.bomResult?.variables?.M
+                  ? `${Number(location.bomResult.variables.M).toFixed(2)} m²`
+                  : "-"}
+              </p>
             </div>
             <div className="flex items-end">
               <Button
diff --git a/src/components/quotes/actions.ts b/src/components/quotes/actions.ts
index 039ba55e..a53038f8 100644
--- a/src/components/quotes/actions.ts
+++ b/src/components/quotes/actions.ts
@@ -988,10 +988,23 @@ export async function calculateBomBulk(items: BomCalculateItem[]): Promise<{
     console.log('[QuoteActions] POST calculate BOM bulk response:', result);
 
     if (!response.ok || !result.success) {
+      // 검증 에러의 상세 메시지 추출
+      let errorMessage = result.message || 'BOM 계산에 실패했습니다.';
+
+      // error.details에 상세 검증 에러가 있는 경우
+      if (result.error?.details && typeof result.error.details === 'object') {
+        const detailMessages = Object.values(result.error.details)
+          .flat()
+          .filter((msg): msg is string => typeof msg === 'string');
+        if (detailMessages.length > 0) {
+          errorMessage = detailMessages.join(', ');
+        }
+      }
+
       return {
         success: false,
         data: null,
-        error: result.message || 'BOM 계산에 실패했습니다.',
+        error: errorMessage,
       };
     }