feat(ui): NoteCard 의 notebook chip 을 tag 영역에서 footer 의 actions 줄로 이동

tag(키워드) vs notebook(컨텍스트) 의미 분리 — chip 을 이동 버튼 왼쪽에 배치.
dropdown 방향을 top→bottom(아래로) 에서 bottom→top(위로) 으로 변경 (footer 위치 대응).
This commit is contained in:
th-kim0823
2026-05-15 15:20:00 +09:00
parent c6cd897d82
commit 7b39c5a41c

View File

@@ -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