@nine-lab/nine-mu 0.1.156 → 0.1.158

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.156",
+  "version": "0.1.158",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",

package/src/components/NineChat.js

@@ -68,24 +68,39 @@ export class NineChat extends HTMLElement {
 
     // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---
     #initActions() {
+
         const $textarea = this.shadowRoot.querySelector('#q');
 
+        // 중복 전송 방지 플래그
+        this.isProcessing = false;
+
         $textarea.addEventListener('keypress', async (e) => {
             if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
 
-                const textarea = e.target.value.trim();
+                const userInput = $textarea.value.trim();
+                if (!userInput || this.isProcessing) return;
+
+                this.isProcessing = true;
+
+                // 1. 즉시 UI 반영
+                this.#$nineChatMessage.add("me", userInput);
+                this.#$nineChatMessage.add("ing", ""); // 로딩 상태
 
-                if (!textarea) return;
+                // 2. 입력창 비우기
+                $textarea.value = "";
 
-                setTimeout(() => {
-                    $textarea.value = "";
-                });
+                // 3. nine.safe로 매니저 로직 실행
+                const [_, err] = await nine.safe(this.#manager.handleChatSubmit(userInput));
 
-                this.#$nineChatMessage.add("me", textarea);
-                this.#$nineChatMessage.add("ing", textarea);
+                if (err) {
+                    console.error("Manager 실행 에러:", err);
+                    // 필요 시 'ing' 메시지 제거 및 사용자 알림
+                    this.shadowRoot.querySelectorAll("nx-ai-ing-message").forEach(el => el.remove());
+                    nine.alert("메시지 전송 중 오류가 발생했습니다.").rgb().shake();
+                }
 
-                await this.#manager.handleChatSubmit($textarea);
+                this.isProcessing = false;
             }
         });
     }