@nine-lab/nine-mu 0.1.344 → 0.1.345

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, _lastPath, _hasError, _cssPath, _oldOnError, _ExceptionHook_instances, setupGlobalSniffer_fn, _renderer2, injectShadowStylesheet_fn, _handleRuntimeError, _handlePromiseError, _handleLocationChange, removeExternalOverlay_fn, _sendToAiAction, 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, _oldOnError, _ExceptionHook_instances, setupGlobalSniffer_fn, _renderer2, 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.343"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/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.343"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/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.343"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/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.343"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/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.343"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44476,23 +44476,44 @@ 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.343"}/dist/css/nine-mu.css";
+				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
 				${customImport}
+				
 				:host {
 					display: block;
 					width: 100%;
 					height: 100%;
+					position: relative !important; /* 내부 에러 보드의 기준점 기둥 생성 */
+				}
+				
+				.nine-hook-core {
+					width: 100%;
+					height: 100%;
+				}
+
+				/* 🎯 [핵심 변경 2] 리액트 슬롯을 가리지 않고, 오직 "이 컴포넌트 구역"만 가득 채우는 독립 팝업 레이어 */
+				.nine-hook-inner-cover {
+					position: absolute !important;
+					top: 0 !important;
+					left: 0 !important;
+					width: 100% !important;
+					height: 100% !important;
+					box-sizing: border-box !important;
+					background-color: #FFF5F5 !important;
+					z-index: 2147483647 !important; /* 리액트 내부 그 어떤 오버레이보다 무조건 위 */
+					overflow: auto !important;
+					display: none; /* 평소엔 숨김 */
 				}
 			</style>
-			<div class="nine-hook-core" style="width: 100%; height: 100%;">
+			
+			<div class="nine-hook-core">
 				<slot></slot>
 			</div>
-			<div class="nine-exception-board"></div>
+			<div class="nine-exception-board class-target-board"></div>
 		`;
     });
     __privateAdd(this, _handleRuntimeError, (event) => {
       var _a2, _b;
-      trace.log("🚨 [nine-exception-hook] window.addEventListener('error') 리스너 포착!!", event);
       if (__privateGet(this, _hasError)) 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";
@@ -44501,7 +44522,6 @@ class ExceptionHook extends HTMLElement {
       }
     });
     __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");
@@ -44511,19 +44531,19 @@ class ExceptionHook extends HTMLElement {
     __privateAdd(this, _handleLocationChange, () => {
       setTimeout(() => {
         if (__privateGet(this, _hasError) && __privateGet(this, _lastPath) !== window.location.pathname) {
-          trace.log("✨ [nine-exception-hook] Shadow DOM 및 글로벌 오버레이 내부 예외 청소 및 정상 복구");
           __privateSet(this, _lastPath, window.location.pathname);
           __privateSet(this, _hasError, false);
-          __privateMethod(this, _ExceptionHook_instances, removeExternalOverlay_fn).call(this);
-          const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
-          if (coreContainer) coreContainer.style.display = "";
+          const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
+          if (exceptionBoard) {
+            exceptionBoard.innerHTML = "";
+            exceptionBoard.className = "nine-exception-board";
+          }
         }
       }, 50);
     });
     __privateAdd(this, _sendToAiAction, async (errorMessage, errorStack) => {
-      const root = document.getElementById("nine-global-exception-container") || this.shadowRoot;
-      const btn = root.querySelector(".nine-ai-btn");
-      const footer = root.querySelector(".nine-error-footer");
+      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 관제탑에 소스 분석 요청 중...";
@@ -44541,17 +44561,14 @@ class ExceptionHook extends HTMLElement {
           throw new Error("window.triggerAutoRecovery 관제탑 엔진이 로드되지 않았습니다.");
         }
       } catch (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);
@@ -44560,16 +44577,13 @@ 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 복구 완료");
     }
-    __privateMethod(this, _ExceptionHook_instances, removeExternalOverlay_fn).call(this);
   }
 }
 _lastPath = new WeakMap();
@@ -44579,25 +44593,18 @@ _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() {
@@ -44610,58 +44617,35 @@ injectShadowStylesheet_fn = function() {
 _handleRuntimeError = new WeakMap();
 _handlePromiseError = new WeakMap();
 _handleLocationChange = new WeakMap();
-removeExternalOverlay_fn = function() {
-  const target = document.getElementById("nine-global-exception-container");
-  if (target) target.remove();
-};
 _sendToAiAction = new WeakMap();
 renderError_fn = function(errorMessage, errorStack) {
   if (__privateGet(this, _hasError)) return;
   __privateSet(this, _hasError, true);
   setTimeout(() => {
-    trace.log("🎨 [nine-exception-hook] 리액트 사이클 종료 후 최상단 글로벌 에러 레이어 생성");
-    const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
-    if (coreContainer) coreContainer.style.display = "none";
-    __privateMethod(this, _ExceptionHook_instances, removeExternalOverlay_fn).call(this);
-    const externalContainer = document.createElement("div");
-    externalContainer.id = "nine-global-exception-container";
-    Object.assign(externalContainer.style, {
-      position: "fixed",
-      top: "0",
-      left: "0",
-      width: "100vw",
-      height: "100vh",
-      backgroundColor: "#FFF5F5",
-      zIndex: "2147483647",
-      // 브라우저 표현 최대 z-index 값 부여
-      overflow: "auto",
-      boxSizing: "border-box",
-      display: "block"
-    });
+    const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
+    if (!exceptionBoard) return;
+    exceptionBoard.className = "nine-hook-inner-cover";
     const errorHTML = `
-				<div class="nine-error-container" style="padding: 40px; max-width: 1200px; margin: 40px auto; font-family: sans-serif; background: white; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); text-align: left;">
-					<h3 class="nine-error-title" style="color: #C53030; margin-top: 0; font-size: 22px; font-weight: 700; border-bottom: 2px solid #FED2D2; padding-bottom: 12px; font-family: sans-serif;">⚠️ 시스템 예외 감지 (nine-exception-hook)</h3>
-					<p class="nine-error-label" style="font-weight: bold; margin: 20px 0 8px 0; color: #4A5568; font-size: 15px; font-family: sans-serif;">[에러 원인 로그]:</p>
-					<pre class="nine-error-log" style="background: #1A202C; color: #EDF2F7; padding: 20px; border-radius: 6px; overflow-x: auto; white-space: pre-wrap; font-family: monospace; font-size: 14px; line-height: 1.6; margin-bottom: 25px;">${errorMessage}
+				<div class="nine-error-container" style="padding: 30px; box-sizing: border-box; font-family: sans-serif; background: white; min-height: 100%; text-align: left;">
+					<h3 class="nine-error-title" style="color: #C53030; margin-top: 0; font-size: 20px; font-weight: 700; border-bottom: 2px solid #FED2D2; padding-bottom: 12px; font-family: sans-serif;">⚠️ 시스템 예외 감지 (${this.tagName.toLowerCase()})</h3>
+					<p class="nine-error-label" style="font-weight: bold; margin: 15px 0 6px 0; color: #4A5568; font-size: 14px; font-family: sans-serif;">[에러 원인 로그]:</p>
+					<pre class="nine-error-log" style="background: #1A202C; color: #EDF2F7; padding: 15px; border-radius: 6px; overflow-x: auto; white-space: pre-wrap; font-family: monospace; font-size: 13px; line-height: 1.5; margin-bottom: 20px;">${errorMessage}
 
 [Stack Trace]
 ${errorStack}</pre>
 					
-					<div class="nine-action-area" style="display: flex; align-items: center; gap: 20px; border-top: 1px solid #E2E8F0; padding-top: 20px;">
-						<button class="nine-ai-btn" style="background: #3182CE; color: white; border: none; padding: 14px 28px; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 16px;">🤖 AI에게 소스코드 수정 요청</button>
-						<div class="nine-error-footer" style="font-size: 14px; color: #718096; line-height: 1.4; font-family: sans-serif;">
+					<div class="nine-action-area" style="display: flex; align-items: center; gap: 15px; border-top: 1px solid #E2E8F0; padding-top: 15px;">
+						<button class="nine-ai-btn" style="background: #3182CE; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 14px;">🤖 AI에게 소스코드 수정 요청</button>
+						<div class="nine-error-footer" style="font-size: 13px; color: #718096; line-height: 1.4; font-family: sans-serif;">
 							버튼을 누르면 AI가 로그 및 컴포넌트 맵을 역추적하여 수정을 시작합니다.
 						</div>
 					</div>
 				</div>
 			`;
-    externalContainer.innerHTML = errorHTML;
-    document.body.appendChild(externalContainer);
-    trace.log("🎨 [nine-exception-hook] 브라우저 Body 최상단 레이어 배정 성공");
-    const aiBtn = externalContainer.querySelector(".nine-ai-btn");
+    exceptionBoard.innerHTML = errorHTML;
+    const aiBtn = exceptionBoard.querySelector(".nine-ai-btn");
     if (aiBtn) {
       aiBtn.addEventListener("click", () => __privateGet(this, _sendToAiAction).call(this, errorMessage, errorStack));
-      trace.log("🎨 [nine-exception-hook] AI 요청 버튼 이벤트 리스너 최종 바인딩 성공");
     }
   }, 0);
 };
@@ -44669,7 +44653,7 @@ if (!customElements.get("nine-exception-hook")) {
   customElements.define("nine-exception-hook", ExceptionHook);
 }
 const NineMu = {
-  version: "0.1.343",
+  version: "0.1.344",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }