From 126f633d323dac6afeedbcdd41a3b2897c052898 Mon Sep 17 00:00:00 2001
From: hyungi <hyun49196@gmail.com>
Date: Sun, 7 Jun 2026 19:43:58 +0900
Subject: [PATCH] =?UTF-8?q?feat(ui):=20/memos=20=EB=85=B8=ED=8A=B8=20?=
 =?UTF-8?q?=ED=94=BC=EB=93=9C(d1)=20=EC=84=B8=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=ED=95=98=EB=AA=A8=EB=82=98=EC=9D=B4=EC=A6=88=20+=20=EC=83=81?=
 =?UTF-8?q?=EB=8B=A8=20=EA=B3=A0=EC=A0=95=20=EC=BA=A1=EC=B2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

확정 컨셉=노트 피드(d1, 5안 권장 1순위). 현재 페이지가 이미 단일 컬럼 카드
피드 패러다임이라 focused 업데이트:
- 빠른 캡처 컴포저 상단 고정(sticky) — d1 핵심
- 비-세이지 팔레트(indigo/blue/emerald/rose/amber) → 디자인 토큰 하모나이즈
  (AI 분류 배지·음성 배지·승급 버튼·promoted 링크). 기능 회귀 0.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/routes/memos/+page.svelte | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/routes/memos/+page.svelte b/frontend/src/routes/memos/+page.svelte
index c17a0c5..8f3a3dd 100644
--- a/frontend/src/routes/memos/+page.svelte
+++ b/frontend/src/routes/memos/+page.svelte
@@ -292,10 +292,10 @@
   };
   const KIND_BADGE_CLASS = {
     note: 'bg-surface text-dim',
-    task: 'bg-indigo-100 text-indigo-700',
-    calendar_event: 'bg-blue-100 text-blue-700',
-    activity_log: 'bg-emerald-100 text-emerald-700',
-    reference: 'bg-amber-100 text-amber-700',
+    task: 'bg-accent/15 text-accent-hover',
+    calendar_event: 'bg-domain-engineering/15 text-domain-engineering',
+    activity_log: 'bg-success/15 text-success',
+    reference: 'bg-domain-reference/15 text-domain-reference',
   };
 
   async function handleCheckboxClick(e, memo) {
@@ -400,9 +400,9 @@
     </div>
   {/if}
 
-  <!-- ═══ 빠른 입력 ═══ -->
+  <!-- ═══ 빠른 입력 (상단 고정) ═══ -->
   {#if !showArchived}
-    <Card class="mb-5">
+    <Card class="mb-5 sticky top-0 z-10 shadow-sm">
       <!-- 선택적 제목 -->
       {#if showTitle}
         <input
@@ -526,7 +526,7 @@
               {#if memo.source_channel === 'voice' || 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="음성 메모">
+                    <span class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] bg-domain-philosophy/15 text-domain-philosophy" title="음성 메모">
                       <Mic size={10} /> 음성
                     </span>
                   {/if}
@@ -536,7 +536,7 @@
                     </span>
                   {/if}
                   {#if memo._last_promoted}
-                    <a href={`/events/${memo._last_promoted.event_id}`} class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] bg-emerald-100 text-emerald-700 hover:bg-emerald-200">
+                    <a href={`/events/${memo._last_promoted.event_id}`} class="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] bg-success/15 text-success hover:bg-success/25">
                       <ArrowRight size={10} /> events #{memo._last_promoted.event_id}
                     </a>
                   {/if}
@@ -586,13 +586,13 @@
             <!-- PR-2B: AI triage 결과 → 1-click promote 버튼 (분류 결과 있고 dismissed 아닌 메모) -->
             {#if editingId !== memo.id && memo.ai_event_kind && memo.ai_event_kind !== 'note' && !memo._last_promoted && !showArchived}
               <div class="flex flex-wrap gap-1 mt-2 pt-2 border-t border-default/30">
-                <button onclick={() => promoteMemo(memo.id, 'task')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'task' ? 'bg-indigo-500 text-white hover:bg-indigo-600' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
+                <button onclick={() => promoteMemo(memo.id, 'task')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'task' ? 'bg-accent text-white hover:bg-accent-hover' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
                   <FileText size={11} /> 할 일로
                 </button>
-                <button onclick={() => promoteMemo(memo.id, 'calendar_event')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'calendar_event' ? 'bg-blue-500 text-white hover:bg-blue-600' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
+                <button onclick={() => promoteMemo(memo.id, 'calendar_event')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'calendar_event' ? 'bg-domain-engineering text-white hover:opacity-90' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
                   <Calendar size={11} /> 일정으로
                 </button>
-                <button onclick={() => promoteMemo(memo.id, 'activity_log')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'activity_log' ? 'bg-emerald-500 text-white hover:bg-emerald-600' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
+                <button onclick={() => promoteMemo(memo.id, 'activity_log')} class={`inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors ${memo.ai_event_kind === 'activity_log' ? 'bg-success text-white hover:opacity-90' : 'bg-surface text-dim hover:bg-surface-hover hover:text-text'}`}>
                   <Activity size={11} /> 활동으로
                 </button>
                 <button onclick={() => dismissEventSuggestion(memo.id)} class="inline-flex items-center gap-1 px-2 py-1 rounded text-[11px] bg-surface text-dim hover:bg-surface-hover hover:text-text transition-colors">