From f4a0229f151bb02962360b09d227cbba1bf9c8be Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Fri, 3 Apr 2026 09:07:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20detail=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=ED=83=9C=EA=B7=B8=EB=A5=BC=20TagPill=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EA=B5=90=EC=B2=B4=20(=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=E2=86=92=ED=95=84=ED=84=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/routes/documents/[id]/+page.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/documents/[id]/+page.svelte b/frontend/src/routes/documents/[id]/+page.svelte
index f9a01a9..c3e667c 100644
--- a/frontend/src/routes/documents/[id]/+page.svelte
+++ b/frontend/src/routes/documents/[id]/+page.svelte
@@ -4,6 +4,7 @@
   import { api, getAccessToken } from '$lib/api';
   import { addToast } from '$lib/stores/ui';
   import { marked } from 'marked';
+  import TagPill from '$lib/components/TagPill.svelte';
 
   let doc = null;
   let loading = true;
@@ -119,7 +120,7 @@
             <h3 class="text-sm font-semibold text-[var(--text-dim)] mb-2">태그</h3>
             <div class="flex flex-wrap gap-1.5">
               {#each doc.ai_tags as tag}
-                <span class="px-2 py-0.5 bg-[var(--bg)] rounded text-xs text-[var(--accent)]">{tag}</span>
+                <TagPill {tag} />
               {/each}
             </div>
           </div>