@nine-lab/nine-mu 0.1.339 → 0.1.341

package/dist/nine-mu.js

@@ -17537,7 +17537,7 @@ render_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43787,7 +43787,7 @@ class NineDiff extends HTMLElement {
     const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43927,7 +43927,7 @@ renderScaffolding_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44036,7 +44036,7 @@ render_fn2 = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44366,7 +44366,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44468,7 +44468,6 @@ class ExceptionHook extends HTMLElement {
   constructor() {
     super();
     __privateAdd(this, _ExceptionHook_instances);
-    // 💡 비공개 인스턴스 필드 정의
     __privateAdd(this, _lastPath, window.location.pathname);
     __privateAdd(this, _hasError, false);
     __privateAdd(this, _cssPath, "/css/nine-exception-hook.css");
@@ -44477,7 +44476,7 @@ class ExceptionHook extends HTMLElement {
       const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
       this.shadowRoot.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.338"}/dist/css/nine-mu.css";
+				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.340"}/dist/css/nine-mu.css";
 				${customImport}
 			</style>
 			
@@ -44489,24 +44488,38 @@ class ExceptionHook extends HTMLElement {
     });
     __privateAdd(this, _handleRuntimeError, (event) => {
       var _a2, _b;
-      if (__privateGet(this, _hasError)) return;
+      trace.log("🚨 [nine-exception-hook] window.addEventListener('error') 리스너 포착!!", event);
+      if (__privateGet(this, _hasError)) {
+        trace.log("⚠️ [nine-exception-hook] 이미 에러 화면이 활성화되어 있어 이벤트 리스너 패스");
+        return;
+      }
       const errorMessage = ((_a2 = event.error) == null ? void 0 : _a2.message) || event.message || String(event);
       const errorStack = ((_b = event.error) == null ? void 0 : _b.stack) || "No stack trace available";
       if (errorMessage && errorMessage !== "Script error.") {
+        trace.log("🎯 [nine-exception-hook] 정상적인 에러 메시지 확인 -> 에러 보드 출력 시도", { errorMessage });
         __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
+      } else {
+        trace.log("⚠️ [nine-exception-hook] 'Script error.' 이거나 빈 메시지라 무시됨");
       }
     });
     __privateAdd(this, _handlePromiseError, (event) => {
+      trace.log("🚨 [nine-exception-hook] unhandledrejection (Promise 에러) 포착!!", event);
       if (__privateGet(this, _hasError)) return;
       const reason = event.reason;
       const errorMessage = (reason == null ? void 0 : reason.message) || String(reason || "Unhandled Promise Rejection");
       const errorStack = (reason == null ? void 0 : reason.stack) || "No stack trace available";
+      trace.log("🎯 [nine-exception-hook] Promise 거부 확인 -> 에러 보드 출력 시도");
       __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
     });
     __privateAdd(this, _handleLocationChange, () => {
       setTimeout(() => {
+        trace.log("📍 [nine-exception-hook] 주소 이동 감지 체크", {
+          hasError: __privateGet(this, _hasError),
+          lastPath: __privateGet(this, _lastPath),
+          currentPath: window.location.pathname
+        });
         if (__privateGet(this, _hasError) && __privateGet(this, _lastPath) !== window.location.pathname) {
-          console.log("✨ [nine-exception-hook] Shadow DOM 내부 예외 청소 및 정상 복구");
+          trace.log("✨ [nine-exception-hook] Shadow DOM 내부 예외 청소 및 정상 복구");
           __privateSet(this, _lastPath, window.location.pathname);
           __privateSet(this, _hasError, false);
           const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
@@ -44517,6 +44530,7 @@ class ExceptionHook extends HTMLElement {
       }, 10);
     });
     __privateAdd(this, _sendToAiAction, async (errorMessage, errorStack) => {
+      trace.log("🚀 [nine-exception-hook] AI 수정 요청 버튼 클릭됨");
       const btn = this.shadowRoot.querySelector(".nine-ai-btn");
       const footer = this.shadowRoot.querySelector(".nine-error-footer");
       if (!btn) return;
@@ -44525,6 +44539,7 @@ class ExceptionHook extends HTMLElement {
       btn.classList.add("loading");
       try {
         if (window.triggerAutoRecovery) {
+          trace.log("📡 [nine-exception-hook] window.triggerAutoRecovery 호출 실행");
           await window.triggerAutoRecovery({
             message: errorMessage,
             stack: errorStack || "No stack trace available",
@@ -44536,15 +44551,17 @@ class ExceptionHook extends HTMLElement {
           throw new Error("window.triggerAutoRecovery 관제탑 엔진이 로드되지 않았습니다.");
         }
       } catch (err) {
-        console.error("❌ AI 전송 실패:", err);
+        trace.error("❌ AI 전송 실패:", err);
         btn.disabled = false;
         btn.innerText = "❌ 재전송 시도";
         footer.innerHTML = `<span style="color: #E53E3E;">⚠️ 전송 실패: ${err.message}</span>`;
       }
     });
     this.attachShadow({ mode: "open" });
+    trace.log("🔍 [nine-exception-hook] 인스턴스 생성됨");
   }
   connectedCallback() {
+    trace.log("🔍 [nine-exception-hook] DOM에 마운트됨. 이벤트 리스너 바인딩 시작");
     __privateGet(this, _renderer2).call(this);
     __privateMethod(this, _ExceptionHook_instances, injectShadowStylesheet_fn).call(this);
     __privateMethod(this, _ExceptionHook_instances, setupGlobalSniffer_fn).call(this);
@@ -44553,12 +44570,14 @@ class ExceptionHook extends HTMLElement {
     document.addEventListener("click", __privateGet(this, _handleLocationChange), true);
   }
   disconnectedCallback() {
+    trace.log("🔍 [nine-exception-hook] DOM에서 언마운트됨. 리스너 해제");
     window.removeEventListener("error", __privateGet(this, _handleRuntimeError), true);
     window.removeEventListener("unhandledrejection", __privateGet(this, _handlePromiseError), true);
     window.removeEventListener("popstate", __privateGet(this, _handleLocationChange));
     document.removeEventListener("click", __privateGet(this, _handleLocationChange), true);
     if (window.onerror === __privateGet(this, _handleRuntimeError) || __privateGet(this, _oldOnError)) {
       window.onerror = __privateGet(this, _oldOnError);
+      trace.log("🔍 [nine-exception-hook] window.onerror 복구 완료");
     }
   }
 }
@@ -44569,18 +44588,25 @@ _oldOnError = new WeakMap();
 _ExceptionHook_instances = new WeakSet();
 setupGlobalSniffer_fn = function() {
   window.addEventListener("error", __privateGet(this, _handleRuntimeError), true);
+  trace.log("🔍 [nine-exception-hook] window.addEventListener('error') 등록 완료");
   __privateSet(this, _oldOnError, window.onerror);
   window.onerror = (message, source, lineno, colno, error) => {
+    trace.log("🚨 [nine-exception-hook] 원시 window.onerror 포착!!", { message, source, lineno, error });
     if (!__privateGet(this, _hasError)) {
+      trace.log("🎯 [nine-exception-hook] 현재 에러 상태 없음 -> 에러 보드 출력 시도");
       const errorMessage = (error == null ? void 0 : error.message) || message || "알 수 없는 런타임 예외";
       const errorStack = (error == null ? void 0 : error.stack) || `${source}:${lineno}:${colno}`;
       __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
+    } else {
+      trace.log("⚠️ [nine-exception-hook] 이미 에러 화면이 활성화되어 있어 원시 onerror 패스");
     }
     if (__privateGet(this, _oldOnError)) {
+      trace.log("🔄 [nine-exception-hook] 기존에 등록되어 있던 다른 onerror 엔진으로 위임");
       return __privateGet(this, _oldOnError).call(this, message, source, lineno, colno, error);
     }
     return false;
   };
+  trace.log("🔍 [nine-exception-hook] 원시 window.onerror 가로채기(Chaining) 완료");
 };
 _renderer2 = new WeakMap();
 injectShadowStylesheet_fn = function() {
@@ -44597,35 +44623,46 @@ _sendToAiAction = new WeakMap();
 renderError_fn = function(errorMessage, errorStack) {
   if (__privateGet(this, _hasError)) return;
   __privateSet(this, _hasError, true);
-  const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
-  if (coreContainer) coreContainer.style.display = "none";
-  const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
-  if (!exceptionBoard) return;
-  const errorHTML = `
-			<div class="nine-error-container">
-				<h3 class="nine-error-title">⚠️ 시스템 예외 감지 (${this.tagName.toLowerCase()})</h3>
-				<p class="nine-error-label">[에러 원인 로그]:</p>
-				<pre class="nine-error-log">${errorMessage}</pre>
-				
-				<div class="nine-action-area" style="margin-top: 20px; display: flex; align-items: center; gap: 15px;">
-					<button class="nine-ai-btn">🤖 AI에게 소스코드 수정 요청</button>
-					<div class="nine-error-footer">
-						버튼을 누르면 AI가 로그 및 컴포넌트 맵을 역추적하여 수정을 시작합니다.
+  setTimeout(() => {
+    console.log("🎨 [nine-exception-hook] 리액트 사이클 종료 후 에러 UI 최종 렌더링");
+    const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
+    if (coreContainer) {
+      coreContainer.style.display = "none";
+      console.log("🎨 [nine-exception-hook] <slot> 본문 영역 컨테이너 숨김");
+    }
+    const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
+    if (!exceptionBoard) {
+      console.error("❌ [nine-exception-hook] .nine-exception-board 엘리먼트를 찾을 수 없습니다.");
+      return;
+    }
+    const errorHTML = `
+				<div class="nine-error-container">
+					<h3 class="nine-error-title">⚠️ 시스템 예외 감지 (${this.tagName.toLowerCase()})</h3>
+					<p class="nine-error-label">[에러 원인 로그]:</p>
+					<pre class="nine-error-log">${errorMessage}</pre>
+					
+					<div class="nine-action-area" style="margin-top: 20px; display: flex; align-items: center; gap: 15px;">
+						<button class="nine-ai-btn">🤖 AI에게 소스코드 수정 요청</button>
+						<div class="nine-error-footer">
+							버튼을 누르면 AI가 로그 및 컴포넌트 맵을 역추적하여 수정을 시작합니다.
+						</div>
 					</div>
 				</div>
-			</div>
-		`;
-  exceptionBoard.innerHTML = errorHTML;
-  const aiBtn = this.shadowRoot.querySelector(".nine-ai-btn");
-  if (aiBtn) {
-    aiBtn.addEventListener("click", () => __privateGet(this, _sendToAiAction).call(this, errorMessage, errorStack));
-  }
+			`;
+    exceptionBoard.innerHTML = errorHTML;
+    console.log("🎨 [nine-exception-hook] Shadow DOM에 에러 UI 최종 삽입 성공");
+    const aiBtn = this.shadowRoot.querySelector(".nine-ai-btn");
+    if (aiBtn) {
+      aiBtn.addEventListener("click", () => __privateGet(this, _sendToAiAction).call(this, errorMessage, errorStack));
+      console.log("🎨 [nine-exception-hook] AI 요청 버튼 이벤트 리스너 최종 바인딩 성공");
+    }
+  }, 0);
 };
 if (!customElements.get("nine-exception-hook")) {
   customElements.define("nine-exception-hook", ExceptionHook);
 }
 const NineMu = {
-  version: "0.1.338",
+  version: "0.1.340",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }