@nine-lab/nine-mu 0.1.334 → 0.1.336

package/dist/css/nine-mu.css

@@ -943,9 +943,19 @@
 }
 
 :host(nine-exception-hook) {
-	display: block;
+	display: flex;
 	width: 100%;
 	height: 100%;
+	color: inherit;
+	font-size: inherit;
+	line-height: inherit;
+
+	/* 내부 모든 엘리먼트의 여백 계산법을 어드민 기본형에 동기화 */
+	.nine-error-container *,
+	.nine-error-container *::before,
+	.nine-error-container *::after {
+		box-sizing: border-box;
+	}
 
 	.nine-error-container {
 		padding: 30px;
@@ -1012,10 +1022,10 @@
 		font-size: 14px;
 		color: #718096;
 	}
+}
 
-	@keyframes pulse {
-		0% { opacity: 0.6; }
-		50% { opacity: 1; }
-		100% { opacity: 0.6; }
-	}
+@keyframes pulse {
+	0% { opacity: 0.6; }
+	50% { opacity: 1; }
+	100% { opacity: 0.6; }
 }

package/dist/nine-mu.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _openRouteDiffPopup, _generateSource, _generateMenu, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _sourceGenHandler, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _isDirty, _initialAsisSrc, _initialTobeSrc, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _checkDirtyState, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3, _renderer2, _ExceptionHook_instances, injectShadowStylesheet_fn, handleRuntimeError_fn, handlePromiseError_fn, handleLocationChange_fn, sendToAiAction_fn, renderError_fn;
+var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _openRouteDiffPopup, _generateSource, _generateMenu, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _sourceGenHandler, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _isDirty, _initialAsisSrc, _initialTobeSrc, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _checkDirtyState, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3, _lastPath, _hasError, _cssPath, _renderer2, _ExceptionHook_instances, injectShadowStylesheet_fn, _handleRuntimeError, _handlePromiseError, _handleLocationChange, _sendToAiAction, renderError_fn;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
 class Trace extends trace$1.constructor {
   constructor() {
@@ -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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44468,103 +44468,120 @@ 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");
     __privateAdd(this, _renderer2, () => {
       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.333"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.335"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
 			<div class="nine-hook-core">
 				<slot></slot>
 			</div>
+			<div class="nine-exception-board"></div>
 		`;
     });
-    this.lastPath = window.location.pathname;
-    this.hasError = false;
-    this.cssPath = "/css/nine-exception-hook.css";
+    // src/components/exception/ExceptionHook.js
+    __privateAdd(this, _handleRuntimeError, (event) => {
+      var _a2, _b;
+      if (__privateGet(this, _hasError)) return;
+      const isReactError = event.error || event.target && this.contains(event.target);
+      if (isReactError) {
+        const message = ((_a2 = event.error) == null ? void 0 : _a2.message) || event.message || "알 수 없는 런타임 에러";
+        const stack = ((_b = event.error) == null ? void 0 : _b.stack) || "Stack trace unavailable";
+        __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, message, stack);
+      }
+    });
+    __privateAdd(this, _handlePromiseError, (event) => {
+      var _a2, _b;
+      if (__privateGet(this, _hasError)) return;
+      __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, ((_a2 = event.reason) == null ? void 0 : _a2.message) || String(event.reason), (_b = event.reason) == null ? void 0 : _b.stack);
+    });
+    __privateAdd(this, _handleLocationChange, () => {
+      setTimeout(() => {
+        if (__privateGet(this, _hasError) && __privateGet(this, _lastPath) !== window.location.pathname) {
+          console.log("✨ [nine-exception-hook] Shadow DOM 내부 예외 청소 및 정상 복구");
+          __privateSet(this, _lastPath, window.location.pathname);
+          __privateSet(this, _hasError, false);
+          const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
+          if (exceptionBoard) exceptionBoard.innerHTML = "";
+          const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
+          if (coreContainer) coreContainer.style.display = "";
+        }
+      }, 10);
+    });
+    __privateAdd(this, _sendToAiAction, async (errorMessage, errorStack) => {
+      const btn = this.shadowRoot.querySelector(".nine-ai-btn");
+      const footer = this.shadowRoot.querySelector(".nine-error-footer");
+      if (!btn) return;
+      btn.disabled = true;
+      btn.innerText = "⚡ AI 관제탑에 소스 분석 요청 중...";
+      btn.classList.add("loading");
+      try {
+        if (window.triggerAutoRecovery) {
+          await window.triggerAutoRecovery({
+            message: errorMessage,
+            stack: errorStack || "No stack trace available",
+            path: window.location.pathname
+          });
+          footer.innerHTML = `✅ <b>AI 관제탑 접수 완료:</b> 분석을 바탕으로 소스 코드를 교정하고 있습니다. 잠시만 기다려주세요.`;
+          btn.innerText = "🚀 전송 완료";
+        } else {
+          throw new Error("window.triggerAutoRecovery 관제탑 엔진이 로드되지 않았습니다.");
+        }
+      } catch (err) {
+        console.error("❌ AI 전송 실패:", err);
+        btn.disabled = false;
+        btn.innerText = "❌ 재전송 시도";
+        footer.innerHTML = `<span style="color: #E53E3E;">⚠️ 전송 실패: ${err.message}</span>`;
+      }
+    });
     this.attachShadow({ mode: "open" });
   }
+  // src/components/exception/ExceptionHook.js 내부 수정
   connectedCallback() {
     __privateGet(this, _renderer2).call(this);
     __privateMethod(this, _ExceptionHook_instances, injectShadowStylesheet_fn).call(this);
-    window.addEventListener("error", __privateMethod(this, _ExceptionHook_instances, handleRuntimeError_fn).bind(this), true);
-    window.addEventListener("unhandledrejection", __privateMethod(this, _ExceptionHook_instances, handlePromiseError_fn).bind(this), true);
-    window.addEventListener("popstate", __privateMethod(this, _ExceptionHook_instances, handleLocationChange_fn).bind(this));
-    document.addEventListener("click", __privateMethod(this, _ExceptionHook_instances, handleLocationChange_fn).bind(this), true);
+    window.addEventListener("error", __privateGet(this, _handleRuntimeError), true);
+    window.addEventListener("unhandledrejection", __privateGet(this, _handlePromiseError), true);
+    window.addEventListener("popstate", __privateGet(this, _handleLocationChange));
+    document.addEventListener("click", __privateGet(this, _handleLocationChange), true);
   }
   disconnectedCallback() {
-    window.removeEventListener("error", __privateMethod(this, _ExceptionHook_instances, handleRuntimeError_fn));
-    window.removeEventListener("unhandledrejection", __privateMethod(this, _ExceptionHook_instances, handlePromiseError_fn));
-    window.removeEventListener("popstate", __privateMethod(this, _ExceptionHook_instances, handleLocationChange_fn));
-    document.removeEventListener("click", __privateMethod(this, _ExceptionHook_instances, handleLocationChange_fn), true);
+    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);
   }
 }
+_lastPath = new WeakMap();
+_hasError = new WeakMap();
+_cssPath = new WeakMap();
 _renderer2 = new WeakMap();
 _ExceptionHook_instances = new WeakSet();
-// 💡 2. Shadow Root 내부 전용 스타일 링크 주입 함수
 injectShadowStylesheet_fn = function() {
-  if (this.shadowRoot.querySelector(`link[href="${this.cssPath}"]`)) return;
+  if (this.shadowRoot.querySelector(`link[href="${__privateGet(this, _cssPath)}"]`)) return;
   const link = document.createElement("link");
   link.rel = "stylesheet";
-  link.href = this.cssPath;
+  link.href = __privateGet(this, _cssPath);
   this.shadowRoot.appendChild(link);
 };
-handleRuntimeError_fn = function(event) {
-  var _a2, _b;
-  if (this.contains(event.target) || event.error) {
-    __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, ((_a2 = event.error) == null ? void 0 : _a2.message) || event.message, (_b = event.error) == null ? void 0 : _b.stack);
-  }
-};
-handlePromiseError_fn = function(event) {
-  var _a2, _b;
-  __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, ((_a2 = event.reason) == null ? void 0 : _a2.message) || String(event.reason), (_b = event.reason) == null ? void 0 : _b.stack);
-};
-handleLocationChange_fn = function() {
-  setTimeout(() => {
-    if (this.hasError && this.lastPath !== window.location.pathname) {
-      console.log("✨ [nine-exception-hook] Shadow DOM 내부 예외 청소 및 정상 복구");
-      this.lastPath = window.location.pathname;
-      this.hasError = false;
-      const errorBox = this.shadowRoot.querySelector(".nine-error-container");
-      if (errorBox) errorBox.remove();
-      const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
-      if (coreContainer) coreContainer.style.display = "";
-    }
-  }, 10);
-};
-sendToAiAction_fn = async function(errorMessage, errorStack) {
-  const btn = this.shadowRoot.querySelector(".nine-ai-btn");
-  const footer = this.shadowRoot.querySelector(".nine-error-footer");
-  if (!btn) return;
-  btn.disabled = true;
-  btn.innerText = "⚡ AI 관제탑에 소스 분석 요청 중...";
-  btn.classList.add("loading");
-  try {
-    if (window.triggerAutoRecovery) {
-      await window.triggerAutoRecovery({
-        message: errorMessage,
-        stack: errorStack || "No stack trace available",
-        path: window.location.pathname
-      });
-      footer.innerHTML = `✅ <b>AI 관제탑 접수 완료:</b> 분석을 바탕으로 소스 코드를 교정하고 있습니다. 잠시만 기다려주세요.`;
-      btn.innerText = "🚀 전송 완료";
-    } else {
-      throw new Error("window.triggerAutoRecovery 관제탑 엔진이 로드되지 않았습니다.");
-    }
-  } catch (err) {
-    console.error("❌ AI 전송 실패:", err);
-    btn.disabled = false;
-    btn.innerText = "❌ 재전송 시도";
-    footer.innerHTML = `<span style="color: #E53E3E;">⚠️ 전송 실패: ${err.message}</span>`;
-  }
-};
+_handleRuntimeError = new WeakMap();
+_handlePromiseError = new WeakMap();
+_handleLocationChange = new WeakMap();
+_sendToAiAction = new WeakMap();
 renderError_fn = function(errorMessage, errorStack) {
-  if (this.hasError) return;
-  this.hasError = true;
+  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>
@@ -44579,17 +44596,17 @@ renderError_fn = function(errorMessage, errorStack) {
                 </div>
             </div>
         `;
-  this.shadowRoot.insertAdjacentHTML("beforeend", errorHTML);
+  exceptionBoard.innerHTML = errorHTML;
   const aiBtn = this.shadowRoot.querySelector(".nine-ai-btn");
   if (aiBtn) {
-    aiBtn.addEventListener("click", () => __privateMethod(this, _ExceptionHook_instances, sendToAiAction_fn).call(this, errorMessage, errorStack));
+    aiBtn.addEventListener("click", () => __privateGet(this, _sendToAiAction).call(this, errorMessage, errorStack));
   }
 };
 if (!customElements.get("nine-exception-hook")) {
   customElements.define("nine-exception-hook", ExceptionHook);
 }
 const NineMu = {
-  version: "0.1.333",
+  version: "0.1.335",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }