@nine-lab/nine-mu 0.1.143 → 0.1.144

package/package.json

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

package/src/components/NineChat.js

@@ -32,7 +32,6 @@ export class NineChat extends HTMLElement {
         this.#render();
         this.#initInteractions(); // UI 토글 로직
         this.#initActions();      // 엔터 시 실행 로직
-        this.#initMcp();
 
         const res = await api.post("/nine-mu/config/get", {});
         this.#routesPath = res?.userDir + "/" + this.#packageName + "/public/prompts/data/routes.json";
@@ -69,7 +68,6 @@ export class NineChat extends HTMLElement {
     // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---
     #initActions() {
         const $textarea = this.shadowRoot.querySelector('#q');
-        const $status = this.shadowRoot.querySelector('#status-tag');
 
         $textarea.addEventListener('keypress', async (e) => {
             if (e.key === 'Enter' && !e.shiftKey) {
@@ -77,7 +75,7 @@ export class NineChat extends HTMLElement {
                 const userInput = e.target.value.trim();
                 if (!userInput) return;
 
-
+                await this.#manager.handleChatSubmit($textarea);
                // async onUserInput(userInput) {
                     // "어떤 툴을 써라"가 아니라 "이 질문을 해결해라"라고 던짐
                     // 그러면 AI가 위 툴 목록 중 'analyze_menu_gap'이 적절한지 스스로 판단해서 실행함
@@ -95,59 +93,11 @@ export class NineChat extends HTMLElement {
                 // 2. 서버(AI)가 실행하고 보내준 결과물 파싱
                 const result = JSON.parse(response.content[0].text);
 
-                    // AI가 툴을 실행하고 가져온 결과(action)에 따라 화면만 띄움
-                    if (result.action === "SHOW_DIFF") this.openDiff(result);
-                //}
-
-
-
-                /**
-                // 1. UI 피드백
-                $status.textContent = "⚙️ 공정 분석 중...";
-                e.target.value = '';
-
-                // 2. 체크된 타겟 수집
-                const targets = Array.from(this.shadowRoot.querySelectorAll('input[name="gen_target"]:checked'))
-                    .map(el => el.value);
-
-                // 3. 분리된 서비스 호출
-                try {
-                    const result = await this.#service.generate(command, targets, this.#routes);
-
-                    // 4. 성공 처리
-                    $status.textContent = "✅ 완료";
-                    nine.alert("소스 생성 성공").rgb();
-                    this.dispatchEvent(new CustomEvent('nine-mu-completed', { detail: result, bubbles: true }));
-                } catch (err) {
-                    // 5. 실패 처리
-                    $status.textContent = "❌ 실패";
-                    nine.alert(err.message).rgb().shake();
-                } */
+                if (result.action === "SHOW_DIFF") this.openDiff(result);
             }
         });
     }
 
-    #initMcp = async () => {
-        // 중복 연결 방지
-        if (this.#mcpClient) return;
-
-        try {
-            // [변경] WebSocket 트랜스포트 설정 (서버 주소와 프로토콜 확인)
-            const transport = new WebSocketClientTransport(new URL(this.#connectorUrl));
-
-            this.#mcpClient = new Client({
-                name: "nine-mcp-client",
-                version: "1.0.0"
-            }, { capabilities: { tools: {} } });
-
-            trace.log("Connecting to MCP via WebSocket...");
-            await this.#mcpClient.connect(transport);
-
-            trace.log("✅ Nine MCP Connected (WebSocket)");
-        } catch (err) {
-            trace.error("❌ MCP 초기화 에러:", err);
-        }
-    };
 
     #render() {
         const placeholder = this.getAttribute("placeholder") || "나에게 무엇이든 물어봐...";

package/src/components/NineChatManager.js

@@ -3,7 +3,7 @@ import { WebSocketClientTransport } from "@modelcontextprotocol/sdk/client/webso
 import { trace, api, nine } from "@nine-lab/nine-util";
 
 export class NineChatManager {
-    #client;
+    #mcpClient;
     #onAction;
     #onStatus;
     #onMessage; // UI에 메시지를 뿌려줄 콜백 추가
@@ -22,18 +22,17 @@ export class NineChatManager {
     }
 
     async #connect() {
-        if (this.#client) return;
+        if (this.#mcpClient) return;
 
         const connectorUrl = this.#owner.getAttribute('connector-url');
-        const transport = new WebSocketClientTransport(new URL(connectorUrl));
 
-        this.#client = new Client({
+        const transport = new WebSocketClientTransport(new URL(connectorUrl));
+        this.#mcpClient = new Client({
             name: "nine-mu-client", version: "1.0.0"
         }, { capabilities: { tools: {} } });
 
-        trace.log("==============");
-        // 전역 nine 객체의 safe를 활용 (try-catch 제거)
-        this.#client.connect(transport)
+
+        this.#mcpClient.connect(transport)
             .then(() => {
                 this.#updateStatus("✅ MCP Connected");
             })
@@ -41,29 +40,11 @@ export class NineChatManager {
                 trace.error("❌ MCP 연결 실패", err);
                 this.#updateStatus("❌ Connection Failed");
             });
-
-
-        return;
-
-        try {
-            const connectorUrl = this.#owner.getAttribute('connector-url');
-
-            const transport = new WebSocketClientTransport(new URL(connectorUrl));
-            this.#client = new Client({
-                name: "nine-mu-client", version: "1.0.0"
-            }, { capabilities: { tools: {} } });
-
-            await this.#client.connect(transport);
-            this.#updateStatus("✅ MCP Connected");
-        } catch (err) {
-            trace.error("❌ Orchestrator Connection Failed", err);
-            this.#updateStatus("❌ Connection Failed");
-        }
     }
 
     /** 메인 실행 함수 */
     async ask(userInput) {
-        if (!this.#client) {
+        if (!this.#mcpClient) {
             await this.connect(); // 미연결 시 연결 대기
         }
 
@@ -75,7 +56,7 @@ export class NineChatManager {
             const routes = await this.#fetchRoutes();
 
             // 3. AI 엔진(Brain) 호출
-            const response = await this.#client.callTool({
+            const response = await this.#mcpClient.callTool({
                 name: "system-brain",
                 arguments: {
                     user_input: userInput,
@@ -138,4 +119,16 @@ export class NineChatManager {
         if (this.#onStatus) this.#onStatus(msg);
         trace.log(`[Status]: ${msg}`);
     }
+
+    handleChatSubmit = async el => {
+        const response = await this.#mcpClient.callTool({
+            name: "ask_nine_engine",
+            arguments: {
+                prompt: el.value.trim(),
+                routes: [] // 현재 화면의 메뉴 정보
+            }
+        });
+
+        console.log(response);
+    }
 }