From 7b39c5a41cea2464f2aa93fe038e33335dee63af Mon Sep 17 00:00:00 2001
From: th-kim0823 <th.kim0823@navercorp.com>
Date: Fri, 15 May 2026 15:20:00 +0900
Subject: [PATCH] =?UTF-8?q?feat(ui):=20NoteCard=20=EC=9D=98=20notebook=20c?=
 =?UTF-8?q?hip=20=EC=9D=84=20tag=20=EC=98=81=EC=97=AD=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?footer=20=EC=9D=98=20actions=20=EC=A4=84=EB=A1=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

tag(키워드) vs notebook(컨텍스트) 의미 분리 — chip 을 이동 버튼 왼쪽에 배치.
dropdown 방향을 top→bottom(아래로) 에서 bottom→top(위로) 으로 변경 (footer 위치 대응).
---
 src/renderer/inbox/components/NoteCard.tsx | 27 +++++++++++-----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/renderer/inbox/components/NoteCard.tsx b/src/renderer/inbox/components/NoteCard.tsx
index c89c842..2b9bf96 100644
--- a/src/renderer/inbox/components/NoteCard.tsx
+++ b/src/renderer/inbox/components/NoteCard.tsx
@@ -137,10 +137,10 @@ function NotebookChip({ current, notebooks, onMove }: {
       {open && hasOthers && (
         <div
           style={{
-            position: 'absolute', top: '100%', left: 0,
+            position: 'absolute', bottom: '100%', left: 0,
             background: '#fff', border: '1px solid #ccc', borderRadius: 4,
             zIndex: 50, minWidth: 140, boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
-            marginTop: 2
+            marginBottom: 2
           }}
         >
           <div style={{ fontSize: 10, color: '#888', padding: '4px 10px', borderBottom: '1px solid #eee' }}>
@@ -455,18 +455,6 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
                   ))}
                 </div>
               )}
-              {currentNb && (
-                <div style={{ marginTop: 8 }}>
-                  <NotebookChip
-                    current={currentNb}
-                    notebooks={notebooks}
-                    onMove={async (newId) => {
-                      await moveNoteToNotebook(local.id, newId);
-                      setLocal({ ...local, notebookId: newId });
-                    }}
-                  />
-                </div>
-              )}
               {local.userIntent !== null && (
                 <div style={{ marginTop: 10, padding: 8, background: '#fffbe9', borderRadius: 6 }}>
                   <span style={{ fontSize: 12, color: '#7a5a00', marginRight: 6 }}>💡</span>
@@ -549,6 +537,17 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
             alignItems: 'center'
           }}
         >
+          {/* notebook chip — tag(키워드)와 notebook(컨텍스트) 의미 분리. done + inbox 에서만 표시. */}
+          {!isTrash && local.aiStatus === 'done' && currentNb && (
+            <NotebookChip
+              current={currentNb}
+              notebooks={notebooks}
+              onMove={async (newId) => {
+                await moveNoteToNotebook(local.id, newId);
+                setLocal({ ...local, notebookId: newId });
+              }}
+            />
+          )}
           {/* 이동 버튼 — 클릭 시 MoveStatusModal 진입.
               사유 입력 + AI 자동 분류 + 수동 status 선택 한 곳에서 처리. */}
           <button