From 41e99cb8e226613bfc6e51621ba311030c8ec464 Mon Sep 17 00:00:00 2001
From: hyungi <hyun49196@gmail.com>
Date: Tue, 12 May 2026 06:56:55 +0000
Subject: [PATCH] feat(frontend): show email source icon on memo card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- lucide-svelte Mail icon import 추가
- 배지 영역 조건에 source_channel === email 추가
- voice 배지 다음에 email 배지 분기 (sky 색조, title=email_subject)

PR-2B/2C 의 기존 배지 영역 (voice / ai_event_kind / _last_promoted) 그대로.
사용자가 한 화면에서 텍스트/음성/이메일 메모를 source 시각 식별.

plan: ~/.claude/plans/document-enchanted-candy.md
---
 frontend/src/routes/memos/+page.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/memos/+page.svelte b/frontend/src/routes/memos/+page.svelte
index c17a0c5..e577278 100644
--- a/frontend/src/routes/memos/+page.svelte
+++ b/frontend/src/routes/memos/+page.svelte
@@ -3,7 +3,7 @@
   import { api } from '$lib/api';
   import { addToast } from '$lib/stores/toast';
   import { renderMemoHtml, todayIso, countHiddenTasks, DEFAULT_HIDE_AFTER_MS } from '$lib/utils/memoRenderer';
-  import { Pin, PinOff, Pencil, Trash2, Eye, EyeOff, X, Check, Archive, ArchiveRestore, ListChecks, Bold, Heading, CalendarDays, Mic, Calendar, Activity, ArrowRight, FileText, BookOpen } from 'lucide-svelte';
+  import { Pin, PinOff, Pencil, Trash2, Eye, EyeOff, X, Check, Archive, ArchiveRestore, ListChecks, Bold, Heading, CalendarDays, Mic, Calendar, Activity, ArrowRight, FileText, BookOpen, Mail } from 'lucide-svelte';
   import { getAccessToken } from '$lib/api';
   import Button from '$lib/components/ui/Button.svelte';
   import Card from '$lib/components/ui/Card.svelte';
@@ -523,13 +523,18 @@
             {:else}
               <!-- ═══ 읽기 모드 ═══ -->
               <!-- PR-2B/2C: 분류 배지 + voice icon + 마지막 promote 결과 -->
-              {#if memo.source_channel === 'voice' || memo.ai_event_kind || memo._last_promoted}
+              {#if memo.source_channel === 'voice' || memo.source_channel === 'email' || memo.ai_event_kind || memo._last_promoted}
                 <div class="flex flex-wrap items-center gap-1.5 mb-1.5">
                   {#if memo.source_channel === 'voice'}
                     <span class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] bg-rose-100 text-rose-700" title="음성 메모">
                       <Mic size={10} /> 음성
                     </span>
                   {/if}
+                  {#if memo.source_channel === 'email'}
+                    <span class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] bg-sky-100 text-sky-700" title={memo.email_subject || '이메일 inbox'}>
+                      <Mail size={10} /> 이메일
+                    </span>
+                  {/if}
                   {#if memo.ai_event_kind && memo.ai_event_kind !== 'note'}
                     <span class="inline-flex items-center rounded px-1.5 py-0.5 text-[10px] {KIND_BADGE_CLASS[memo.ai_event_kind] || 'bg-surface text-dim'}">
                       AI 추천: {KIND_LABELS[memo.ai_event_kind] || memo.ai_event_kind}{memo.ai_event_confidence != null ? ` · ${Math.round(memo.ai_event_confidence * 100)}%` : ''}