chore(release): v0.3.5 — dogfood UX hotfix 7건

v0.3.4 까지 누적된 dogfood UX 결함 hotfix.
사용자 직접 보고 3건 (inbox 재진입, 회고 탈출, 이동 modal 중복) + 동반 갭 4건
(count stale, 필터 잔류, 초기 로드 불일치, 배너 컨텍스트 누수).
데이터/마이그레이션 변경 없음 (스키마 v8).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/renderer/inbox/App.tsx

@@ -153,15 +153,21 @@ export function App(): React.ReactElement {
       <main className="main">
         {!showTrash && (
           <>
-            <OllamaBanner onOpenSettings={() => setShowSettings(true)} />
-            <RecoveryToast
-              show={showRecovery}
-              onDismiss={() => { markRecoveryDismissed(); setRecoveryDismissed(true); }}
-            />
-            <PendingBanner />
-            <FailedBanner />
-            <ExpiryBanner />
-            <RecallBanner />
+            {/* AI/만료/회상 배너는 active 노트 컨텍스트 — inbox 탭에서만 노출.
+                completed/archived 에서는 무관 컨텐츠라 숨김. */}
+            {view === 'inbox' && (
+              <>
+                <OllamaBanner onOpenSettings={() => setShowSettings(true)} />
+                <RecoveryToast
+                  show={showRecovery}
+                  onDismiss={() => { markRecoveryDismissed(); setRecoveryDismissed(true); }}
+                />
+                <PendingBanner />
+                <FailedBanner />
+                <ExpiryBanner />
+                <RecallBanner />
+              </>
+            )}
             {tagFilter !== null && (
               <div style={{
                 background: '#eaf3ff', color: '#0a4b80', padding: '6px 12px',

src/renderer/inbox/components/MoveStatusModal.tsx

@@ -1,150 +0,0 @@
-import React, { useState } from 'react';
-import { inboxApi } from '../api.js';
-import type { NoteStatus } from '@shared/types';
-
-interface Props {
-  noteId: string;
-  rawText: string;
-  summary: string;
-  onClose: () => void;
-  onMoved: (status: NoteStatus, reason: string | null) => void;
-}
-
-/**
- * v0.2.9 Cut B Task 7 — 메모 이동 Modal.
- *
- * 사유 입력 + 3 status 버튼 (완료/보관/휴지통) + AI 자동 분류.
- */
-export function MoveStatusModal({
-  noteId,
-  onClose,
-  onMoved
-}: Props): React.ReactElement {
-  const [reason, setReason] = useState('');
-  const [recommendation, setRecommendation] = useState<{
-    status: NoteStatus;
-    rationale: string;
-  } | null>(null);
-  const [classifying, setClassifying] = useState(false);
-
-  async function move(status: NoteStatus): Promise<void> {
-    const trimmedReason = reason.trim() === '' ? null : reason.trim();
-    await inboxApi.setStatus(noteId, status, trimmedReason);
-    onMoved(status, trimmedReason);
-  }
-
-  async function classify(): Promise<void> {
-    setClassifying(true);
-    setRecommendation(null);
-    try {
-      const r = await inboxApi.classifyStatus(noteId, reason);
-      setRecommendation({ status: r.recommended, rationale: r.rationale });
-    } finally {
-      setClassifying(false);
-    }
-  }
-
-  return (
-    <div
-      role="dialog"
-      aria-label="이동"
-      style={{
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        background: 'rgba(0,0,0,0.4)',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 100
-      }}
-    >
-      <div
-        style={{
-          background: '#fff',
-          padding: 16,
-          borderRadius: 8,
-          minWidth: 400,
-          maxWidth: 520
-        }}
-      >
-        <h2 style={{ fontSize: 16, margin: '0 0 12px' }}>메모 이동</h2>
-        <textarea
-          value={reason}
-          onChange={(e) => setReason(e.target.value)}
-          placeholder="이동 사유 (선택사항)"
-          rows={2}
-          style={{ width: '100%', padding: 6, fontSize: 13, boxSizing: 'border-box' }}
-        />
-        <div
-          style={{
-            display: 'flex',
-            gap: 8,
-            marginTop: 8,
-            flexWrap: 'wrap',
-            alignItems: 'center'
-          }}
-        >
-          <button onClick={() => void classify()} disabled={classifying}>
-            {classifying ? '분류 중...' : 'AI 자동 분류'}
-          </button>
-          <button onClick={() => void move('completed')}>완료</button>
-          <button onClick={() => void move('archived')}>보관</button>
-          <button onClick={() => void move('trashed')}>휴지통</button>
-          <button onClick={onClose} style={{ marginLeft: 'auto' }}>
-            취소
-          </button>
-        </div>
-        {recommendation !== null && (
-          <div
-            style={{
-              marginTop: 12,
-              padding: 8,
-              background: '#f0f8ff',
-              borderRadius: 4,
-              fontSize: 12
-            }}
-          >
-            <div>
-              AI 추천: <strong>{statusLabel(recommendation.status)}</strong>
-            </div>
-            <div style={{ marginTop: 4 }}>이유: {recommendation.rationale}</div>
-            <div style={{ marginTop: 8 }}>
-              <button onClick={() => void move(recommendation.status)}>
-                확정 ({statusLabel(recommendation.status)})
-              </button>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export function statusLabel(s: NoteStatus): string {
-  switch (s) {
-    case 'active':
-      return '활성';
-    case 'completed':
-      return '완료';
-    case 'archived':
-      return '보관';
-    case 'trashed':
-      return '휴지통';
-  }
-}
-
-/**
- * status 의 한글 라벨에 적절한 조사를 붙여 반환. 받침 있으면 "으로", 없으면 "로".
- * 예: '완료로' / '보관으로' / '휴지통으로' / '활성으로'.
- */
-export function statusLabelWithParticle(s: NoteStatus): string {
-  const label = statusLabel(s);
-  const last = label.charCodeAt(label.length - 1);
-  // 한글 syllable block 외 → "로" default
-  if (last < 0xAC00 || last > 0xD7A3) return `${label}로`;
-  const jongseong = (last - 0xAC00) % 28;
-  return jongseong === 0 ? `${label}로` : `${label}으로`;
-}

src/renderer/inbox/components/NoteCard.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import type { Note, NoteStatus } from '@shared/types';
 import { KST_OFFSET_MS } from '@shared/util/kstDate.js';
 import { inboxApi } from '../api.js';
@@ -6,7 +6,7 @@ import { useInbox } from '../store.js';
 import { EditableField } from './EditableField.js';
 import { IntentBanner } from './IntentBanner.js';
 import { pushTagUndo } from './TagUndoToast.js';
-import { MoveStatusModal, statusLabelWithParticle } from './MoveStatusModal.js';
+import { statusLabelWithParticle } from './statusLabel.js';
 import { RevisionHistoryModal } from './RevisionHistoryModal.js';
 
 interface Props {
@@ -116,9 +116,9 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
   const [local, setLocal] = useState(note);
   const isAiDisabled = local.aiStatus === 'disabled';
   const fallbackTitle = local.rawText.split('\n')[0]?.slice(0, 60) || '(빈 메모)';
-  // v0.2.9 Cut B Task 6 — 이동 메뉴 dropdown + MoveStatusModal target.
-  const [moveTarget, setMoveTarget] = useState<NoteStatus | null>(null);
+  // v0.2.9 Cut B Task 6 — 이동 메뉴 dropdown. dropdown 항목 클릭 = 해당 status 로 즉시 이동.
   const [menuOpen, setMenuOpen] = useState(false);
+  const menuRef = useRef<HTMLDivElement | null>(null);
   const [editingRaw, setEditingRaw] = useState(false);
   const [draftRaw, setDraftRaw] = useState('');
   const [showRevisions, setShowRevisions] = useState(false);
@@ -129,6 +129,25 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
 
   React.useEffect(() => { setLocal(note); }, [note]);
 
+  // 이동 dropdown 외부 클릭 / Escape 로 닫기. menuOpen=true 일 때만 listener 활성.
+  useEffect(() => {
+    if (!menuOpen) return;
+    function onMouseDown(e: MouseEvent) {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {
+        setMenuOpen(false);
+      }
+    }
+    function onKey(e: KeyboardEvent) {
+      if (e.key === 'Escape') setMenuOpen(false);
+    }
+    document.addEventListener('mousedown', onMouseDown);
+    document.addEventListener('keydown', onKey);
+    return () => {
+      document.removeEventListener('mousedown', onMouseDown);
+      document.removeEventListener('keydown', onKey);
+    };
+  }, [menuOpen]);
+
   const formatted = new Date(note.createdAt).toLocaleString('ko-KR');
 
   async function saveTitle(next: string) {
@@ -426,7 +445,7 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
         >
           {/* v0.2.9 Cut B Task 6 — 모든 view 공통 "이동 ▾" dropdown.
               현재 status 와 다른 3개 목적지만 표시. */}
-          <div style={{ position: 'relative' }}>
+          <div ref={menuRef} style={{ position: 'relative' }}>
             <button
               onClick={() => setMenuOpen((o) => !o)}
               aria-label="이동"
@@ -461,9 +480,16 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
                 {possibleTargets.map((t) => (
                   <button
                     key={t}
-                    onClick={() => {
-                      setMoveTarget(t);
+                    onClick={async () => {
                       setMenuOpen(false);
+                      await inboxApi.setStatus(local.id, t, null);
+                      const updated = { ...local, status: t, moveReason: null };
+                      setLocal(updated);
+                      onUpdated(updated);
+                      if (t !== local.status) onDeleted?.();
+                      // setStatus IPC 는 pushNoteUpdated emit 안 함 → 헤더 탭 counts 가 stale.
+                      // refreshMeta 로 server-authoritative counts 재로드.
+                      void useInbox.getState().refreshMeta();
                     }}
                     style={{
                       display: 'block',
@@ -509,22 +535,6 @@ export function NoteCard({ note, onDeleted, onUpdated, mode = 'inbox', onRestore
         </div>
       </div>
 
-      {moveTarget !== null && (
-        <MoveStatusModal
-          noteId={local.id}
-          rawText={local.rawText}
-          summary={local.aiSummary ?? ''}
-          onClose={() => setMoveTarget(null)}
-          onMoved={(newStatus, reason) => {
-            const updated = { ...local, status: newStatus, moveReason: reason };
-            setLocal(updated);
-            onUpdated(updated);
-            // inbox/trash mode 의 list 가 status 별로 필터되므로 onDeleted (제거) 도 호출.
-            if (newStatus !== local.status) onDeleted?.();
-            setMoveTarget(null);
-          }}
-        />
-      )}
       {showRevisions && (
         <RevisionHistoryModal
           noteId={local.id}

src/renderer/inbox/components/ReviewView.tsx

@@ -14,13 +14,37 @@ const periodLabel: Record<Props['period'], string> = {
 
 export function ReviewView({ period }: Props): React.ReactElement {
   const reviewData = useInbox((s) => s.reviewData);
+  const setView = useInbox((s) => s.setView);
+  const backButton = (
+    <button
+      onClick={() => setView('inbox')}
+      style={{
+        background: 'transparent',
+        border: 'none',
+        fontSize: 14,
+        cursor: 'pointer',
+        color: '#0a4b80',
+        padding: 0
+      }}
+    >
+      ← 돌아가기
+    </button>
+  );
   if (!reviewData) {
-    return <div style={{ padding: 16, fontSize: 13, color: '#666' }}>불러오는 중…</div>;
+    return (
+      <div style={{ padding: 16 }}>
+        <div style={{ marginBottom: 12 }}>{backButton}</div>
+        <div style={{ fontSize: 13, color: '#666' }}>불러오는 중…</div>
+      </div>
+    );
   }
   const max = reviewData.tagCounts[0]?.count ?? 1;
   return (
     <div style={{ padding: 16 }}>
-      <h2 style={{ fontSize: 18, margin: 0 }}>{periodLabel[period]} 회고</h2>
+      <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
+        {backButton}
+        <h2 style={{ fontSize: 18, margin: 0 }}>{periodLabel[period]} 회고</h2>
+      </div>
       <div style={{ marginTop: 8, fontSize: 13, color: '#444' }}>
         총 {reviewData.totalCount}건
       </div>

src/renderer/inbox/components/statusLabel.ts

@@ -0,0 +1,26 @@
+import type { NoteStatus } from '@shared/types';
+
+export function statusLabel(s: NoteStatus): string {
+  switch (s) {
+    case 'active':
+      return '활성';
+    case 'completed':
+      return '완료';
+    case 'archived':
+      return '보관';
+    case 'trashed':
+      return '휴지통';
+  }
+}
+
+/**
+ * status 의 한글 라벨에 적절한 조사를 붙여 반환. 받침 있으면 "으로", 없으면 "로".
+ * 예: '완료로' / '보관으로' / '휴지통으로' / '활성으로'.
+ */
+export function statusLabelWithParticle(s: NoteStatus): string {
+  const label = statusLabel(s);
+  const last = label.charCodeAt(label.length - 1);
+  if (last < 0xAC00 || last > 0xD7A3) return `${label}로`;
+  const jongseong = (last - 0xAC00) % 28;
+  return jongseong === 0 ? `${label}로` : `${label}으로`;
+}

src/renderer/inbox/store.ts

@@ -52,7 +52,7 @@ interface InboxState {
   setTagFilter: (tag: string | null) => void;
   setShowSettings: (open: boolean) => void;
   setView: (view: InboxView) => void;
-  loadByView: (view: 'completed' | 'archived' | 'trash') => Promise<void>;
+  loadByView: (view: 'inbox' | 'completed' | 'archived' | 'trash') => Promise<void>;
   toggleShowTrash: () => Promise<void>;
   loadTrash: () => Promise<void>;
   restoreNote: (id: string) => Promise<void>;
@@ -104,7 +104,9 @@ export const useInbox = create<InboxState>((set, get) => ({
   async loadInitial() {
     set({ loading: true });
     const [notes, continuity, pendingCount, ollamaStatus, todayCount, trashCount, expiredCandidates, failedCount, recallCandidate, counts, settings] = await Promise.all([
-      inboxApi.listNotes({ limit: 50 }),
+      // inbox 탭은 status='active' 만 표시 — loadByView('inbox') 와 동일 path 로 일관성 확보.
+      // listNotes 는 deleted_at IS NULL 만 필터 (= active+completed+archived 혼재) 이라 부정확.
+      inboxApi.listByStatus('active', { limit: 50 }),
       inboxApi.getContinuity(),
       inboxApi.getPendingCount(),
       inboxApi.getOllamaStatus(),
@@ -182,13 +184,18 @@ export const useInbox = create<InboxState>((set, get) => ({
     else get().setView('inbox');
   },
   setView(view) {
+    // view 전환 시 검색/태그 필터 reset — 이전 view 의 필터가 새 view 에 잘못 적용되는 것 방지.
     set({
       view,
       showTrash: view === 'trash',
-      showSettings: view === 'settings'
+      showSettings: view === 'settings',
+      searchResults: null,
+      searchQuery: '',
+      tagFilter: null
     });
-    // settings/inbox 외 status view 면 해당 status fetch.
-    if (view === 'completed' || view === 'archived' || view === 'trash') {
+    // status view 면 해당 status fetch. inbox 도 포함 — 다른 탭에서 돌아올 때 notes 가
+    // 이전 status 로 stale 한 상태이므로 재로드 필요.
+    if (view === 'inbox' || view === 'completed' || view === 'archived' || view === 'trash') {
       void get().loadByView(view);
     }
     // v0.2.11 Cut D — review-* view 진입 시 aggregate 로드.
@@ -197,7 +204,8 @@ export const useInbox = create<InboxState>((set, get) => ({
     if (view === 'review-monthly') void get().loadReview('monthly');
   },
   async loadByView(view) {
-    const status = view === 'trash' ? 'trashed' : view;
+    const status =
+      view === 'trash' ? 'trashed' : view === 'inbox' ? 'active' : view;
     const notes = await inboxApi.listByStatus(status, { limit: 200 });
     if (view === 'trash') {
       set({ trashNotes: notes, trashCount: notes.length });