From bf0506023cc68d8bea5e179ea5adc4f8a12d28c5 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Fri, 3 Apr 2026 13:56:37 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=A0=95=EB=B3=B4=20=ED=8C=A8=EB=84=90?=
 =?UTF-8?q?=20=E2=80=94=20taxonomy=20=EA=B8=B0=EB=B0=98=20=EB=B6=84?=
 =?UTF-8?q?=EB=A5=98=20=ED=91=9C=EC=8B=9C=20(breadcrumb=20+=20type/confide?=
 =?UTF-8?q?nce=20=EB=B0=B0=EC=A7=80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- domain 경로를 breadcrumb으로 표시 (Industrial_Safety › Practice › Patrol_Inspection)
- document_type 배지 (파란색)
- confidence 배지 (85%+ 초록, 60~85% 주황, <60% 빨강)
- importance 배지 (high만 표시)
- 원본 포맷 표시

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/lib/components/PreviewPanel.svelte    | 40 +++++++++++++++----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/PreviewPanel.svelte b/frontend/src/lib/components/PreviewPanel.svelte
index eeecdc4..5b085d1 100644
--- a/frontend/src/lib/components/PreviewPanel.svelte
+++ b/frontend/src/lib/components/PreviewPanel.svelte
@@ -236,24 +236,48 @@
       {/if}
     </div>
 
-    <!-- 메타 정보 -->
+    <!-- AI 분류 -->
+    {#if doc.ai_domain}
+      <div>
+        <h4 class="text-xs font-semibold text-[var(--text-dim)] uppercase mb-1.5">분류</h4>
+        <!-- domain breadcrumb -->
+        <div class="flex flex-wrap gap-1 mb-2">
+          {#each doc.ai_domain.split('/') as part, i}
+            {#if i > 0}<span class="text-[10px] text-[var(--text-dim)]">›</span>{/if}
+            <span class="text-xs text-[var(--accent)]">{part}</span>
+          {/each}
+        </div>
+        <!-- document_type + confidence -->
+        <div class="flex items-center gap-2">
+          {#if doc.document_type}
+            <span class="text-[10px] px-1.5 py-0.5 rounded bg-blue-900/30 text-blue-400">{doc.document_type}</span>
+          {/if}
+          {#if doc.ai_confidence}
+            <span class="text-[10px] px-1.5 py-0.5 rounded {doc.ai_confidence >= 0.85 ? 'bg-green-900/30 text-green-400' : doc.ai_confidence >= 0.6 ? 'bg-amber-900/30 text-amber-400' : 'bg-red-900/30 text-red-400'}">
+              {(doc.ai_confidence * 100).toFixed(0)}%
+            </span>
+          {/if}
+          {#if doc.importance && doc.importance !== 'medium'}
+            <span class="text-[10px] px-1.5 py-0.5 rounded {doc.importance === 'high' ? 'bg-red-900/30 text-red-400' : 'bg-gray-800 text-gray-400'}">
+              {doc.importance}
+            </span>
+          {/if}
+        </div>
+      </div>
+    {/if}
+
+    <!-- 파일 정보 -->
     <div>
       <h4 class="text-xs font-semibold text-[var(--text-dim)] uppercase mb-1.5">정보</h4>
       <dl class="space-y-1.5 text-xs">
         <div class="flex justify-between">
           <dt class="text-[var(--text-dim)]">포맷</dt>
-          <dd class="uppercase">{doc.file_format}</dd>
+          <dd class="uppercase">{doc.file_format}{doc.original_format ? ` (원본: ${doc.original_format})` : ''}</dd>
         </div>
         <div class="flex justify-between">
           <dt class="text-[var(--text-dim)]">크기</dt>
           <dd>{formatSize(doc.file_size)}</dd>
         </div>
-        {#if doc.ai_domain}
-          <div class="flex justify-between">
-            <dt class="text-[var(--text-dim)]">분류</dt>
-            <dd class="text-right">{doc.ai_domain.replace('Knowledge/', '')}{doc.ai_sub_group ? ` / ${doc.ai_sub_group}` : ''}</dd>
-          </div>
-        {/if}
         {#if doc.source_channel}
           <div class="flex justify-between">
             <dt class="text-[var(--text-dim)]">출처</dt>