From 77c18d31a9cf13a78b0a5911b4b032a25e415251 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Wed, 3 Sep 2025 18:32:58 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EC=84=9C=EC=A0=81=20=ED=8E=B8=EC=A7=91?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=20PDF=20=EB=A7=A4=EC=B9=AD=20UI?=
 =?UTF-8?q?=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PDF 매칭 드롭다운에서 현재 선택된 PDF가 올바르게 표시되도록 수정
- null 값과 빈 문자열 처리 개선 (option value를 null로 변경)
- PDF 매칭된 문서는 녹색 배경과 상태 표시 점으로 시각적 구분
- JavaScript에서 빈 문자열을 null로 변환하여 일관성 유지
---
 frontend/book-editor.html         | 11 ++++++++---
 frontend/static/js/book-editor.js |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/book-editor.html b/frontend/book-editor.html
index c6568e4..a065216 100644
--- a/frontend/book-editor.html
+++ b/frontend/book-editor.html
@@ -146,14 +146,19 @@
                                     <!-- PDF 매칭 및 컨트롤 -->
                                     <div class="flex items-center space-x-3">
                                         <!-- PDF 매칭 드롭다운 -->
-                                        <div class="min-w-48">
+                                        <div class="min-w-48 relative">
                                             <select x-model="doc.matched_pdf_id" 
-                                                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm">
-                                                <option value="">PDF 매칭 없음</option>
+                                                    :class="doc.matched_pdf_id ? 'border-green-300 bg-green-50' : 'border-gray-300'"
+                                                    class="w-full px-3 py-2 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm">
+                                                <option :value="null">PDF 매칭 없음</option>
                                                 <template x-for="pdf in availablePDFs" :key="pdf.id">
                                                     <option :value="pdf.id" x-text="pdf.title"></option>
                                                 </template>
                                             </select>
+                                            <!-- 매칭 상태 표시 -->
+                                            <div x-show="doc.matched_pdf_id" class="absolute -top-1 -right-1">
+                                                <div class="w-3 h-3 bg-green-500 rounded-full border-2 border-white"></div>
+                                            </div>
                                         </div>
                                         
                                         <!-- 이동 버튼 -->
diff --git a/frontend/static/js/book-editor.js b/frontend/static/js/book-editor.js
index 45afce4..8aa18d1 100644
--- a/frontend/static/js/book-editor.js
+++ b/frontend/static/js/book-editor.js
@@ -237,7 +237,7 @@ window.bookEditorApp = () => ({
                 
                 return window.api.updateDocument(doc.id, {
                     sort_order: doc.sort_order,
-                    matched_pdf_id: doc.matched_pdf_id || null
+                    matched_pdf_id: doc.matched_pdf_id === "" ? null : doc.matched_pdf_id
                 });
             });