From f50859140d9ca7bcbfdc2cc84709ef6826953bec Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Wed, 3 Jun 2026 18:01:51 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=98=81=EC=88=98=EC=A6=9D=20=EC=9D=B8?=
 =?UTF-8?q?=EC=8B=9D=20=EC=A4=91=20=EB=AC=B4=ED=95=9C=20=EB=A1=9C=EB=94=A9?=
 =?UTF-8?q?=20=EB=B0=94=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/views/account/AccountView.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index 726ed60..06dd23b 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -561,7 +561,7 @@ onMounted(async () => {
                   type="button" class="receipt-btn"
                   :disabled="submitting || ocrRunning" @click="pickReceipt"
                 >📷 영수증 스캔</button>
-                <span v-if="ocrRunning" class="receipt-status">인식 중…</span>
+                <span v-if="ocrRunning" class="receipt-status">영수증 인식 중…</span>
                 <span v-else-if="ocrResult" class="receipt-status ok">
                   <template v-if="ocrResult.amount">{{ won(ocrResult.amount) }}원</template>
                   <template v-if="ocrResult.date"> · {{ ocrResult.date }}</template>
@@ -570,6 +570,7 @@ onMounted(async () => {
                   자동 입력됨
                 </span>
                 <span v-else class="receipt-hint">사진에서 금액·날짜·상호를 자동 입력</span>
+                <div v-if="ocrRunning" class="receipt-progress"><div class="bar"></div></div>
               </div>
 
               <label>거래일<input v-model="form.entryDate" type="date" :disabled="submitting" /></label>
@@ -980,6 +981,25 @@ button.primary {
 .receipt-status.ok {
   color: hsla(160, 100%, 37%, 1);
 }
+/* 인식 중 무한 로딩 바 */
+.receipt-progress {
+  flex-basis: 100%;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--color-background-mute);
+  overflow: hidden;
+}
+.receipt-progress .bar {
+  width: 40%;
+  height: 100%;
+  border-radius: 2px;
+  background: hsla(160, 100%, 37%, 1);
+  animation: receipt-indeterminate 1.1s ease-in-out infinite;
+}
+@keyframes receipt-indeterminate {
+  0% { margin-left: -40%; }
+  100% { margin-left: 100%; }
+}
 .entry-form label {
   display: flex;
   flex-direction: column;