유효하지 않은 KEY 가 설정되어 있어도, 일단 UI 페이지가 나오도록 수정.

app/templates/index.html

@@ -41,6 +41,9 @@
         #ws-status { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
         #ws-status.connected { background: #3fb950; }
         #ws-status.disconnected { background: #f85149; }
+        .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; font-size: 13px; display: none; }
+        .alert.warning { background: #3a2a00; border: 1px solid #d29922; color: #e3b341; }
+        .alert.warning.show { display: block; }
     </style>
 </head>
 <body>
@@ -53,6 +56,11 @@
     </div>
 
     <div class="container">
+        <div id="auth-alert" class="alert warning">
+            API 키가 설정되지 않았거나 유효하지 않습니다. .env 파일에 KIS_APP_KEY와 KIS_APP_SECRET을 입력하세요.
+            현재 UI 표시만 가능하며, 시세 조회 및 매매 기능은 작동하지 않습니다.
+        </div>
+
         <div class="grid">
             <div class="card">
                 <h3>총 투자금</h3>
@@ -136,6 +144,11 @@
             try {
                 const res = await fetch(API + '/api/dashboard/');
                 const data = await res.json();
+
+                if (!data.authenticated) {
+                    document.getElementById('auth-alert').classList.add('show');
+                }
+
                 const s = data.summary;
 
                 document.getElementById('total-invested').textContent = formatPrice(s.total_invested);