@nine-lab/nine-mu 0.1.333 → 0.1.335

package/dist/css/nine-mu.css

@@ -940,4 +940,92 @@
 			/* JS로 내용이 채워지므로 별도의 CSS 애니메이션은 필요 없음 */
 		}
 	}
+}
+
+:host(nine-exception-hook) {
+	display: block;
+	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;
+		margin: 20px;
+		background-color: #FFF5F5;
+		border: 1px solid #FEB2B2;
+		border-radius: 8px;
+		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+	}
+
+	.nine-error-title {
+		color: #C53030;
+		margin-top: 0;
+		font-size: 18px;
+		font-weight: bold;
+	}
+
+	.nine-error-label {
+		margin: 10px 0 5px 0;
+		font-weight: bold;
+		color: #4A5568;
+	}
+
+	.nine-error-log {
+		background-color: #1A202C;
+		color: #EDF2F7;
+		padding: 15px;
+		border-radius: 6px;
+		overflow-x: auto;
+		white-space: pre-wrap;
+		font-family: 'Courier New', Courier, monospace;
+		font-size: 14px;
+	}
+
+	/* 💡 버튼 커스텀 디자인 세트 */
+	.nine-ai-btn {
+		background-color: #3182CE;
+		color: white;
+		padding: 10px 20px;
+		font-size: 14px;
+		font-weight: bold;
+		border: none;
+		border-radius: 6px;
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+		white-space: nowrap;
+	}
+
+	.nine-ai-btn:hover {
+		background-color: #2B6CB0;
+	}
+
+	.nine-ai-btn:disabled {
+		background-color: #A0AEC0;
+		cursor: not-allowed;
+	}
+
+	.nine-ai-btn.loading {
+		background-color: #4A5568;
+		animation: pulse 1.5s infinite ease-in-out;
+	}
+
+	.nine-error-footer {
+		font-size: 14px;
+		color: #718096;
+	}
+}
+
+@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;
+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() {
@@ -17534,10 +17534,10 @@ initActions_fn = function() {
 };
 render_fn = function() {
   const placeholder = this.getAttribute("placeholder") || "나에게 무엇이든 물어봐...";
-  const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
+  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.332"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.334"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43784,10 +43784,10 @@ class NineDiff extends HTMLElement {
     return __privateGet(this, _isDirty);
   }
   connectedCallback() {
-    const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
+    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.332"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.334"}/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.332"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.334"}/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.332"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.334"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44363,10 +44363,10 @@ class ChatMessageBody extends HTMLElement {
   constructor() {
     super();
     __privateAdd(this, _renderer, () => {
-      const customImport = nine.cssPath ? `@import "${nine.cssPath}/ninePanel.css";` : "";
+      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.332"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.334"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44467,81 +44467,141 @@ if (!customElements.get("nine-chat-progress")) {
 class ExceptionHook extends HTMLElement {
   constructor() {
     super();
-    this.lastPath = window.location.pathname;
-    this.hasError = false;
-    this.cssPath = "/css/nine-exception-hook.css";
+    __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.334"}/dist/css/nine-mu.css";
+                ${customImport}
+            </style>
+            
+			<div class="nine-hook-core">
+				<slot></slot>
+			</div>
+			<div class="nine-exception-board"></div>
+		`;
+    });
+    __privateAdd(this, _handleRuntimeError, (event) => {
+      var _a2, _b;
+      if (__privateGet(this, _hasError)) return;
+      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);
+      }
+    });
+    __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" });
   }
   connectedCallback() {
-    this.injectStylesheet();
-    window.addEventListener("error", this.handleRuntimeError.bind(this), true);
-    window.addEventListener("unhandledrejection", this.handlePromiseError.bind(this), true);
-    window.addEventListener("popstate", this.handleLocationChange.bind(this));
-    document.addEventListener("click", this.handleLocationChange.bind(this), true);
+    __privateGet(this, _renderer2).call(this);
+    __privateMethod(this, _ExceptionHook_instances, injectShadowStylesheet_fn).call(this);
+    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", this.handleRuntimeError);
-    window.removeEventListener("unhandledrejection", this.handlePromiseError);
-    window.removeEventListener("popstate", this.handleLocationChange);
-    document.removeEventListener("click", this.handleLocationChange, true);
-  }
-  injectStylesheet() {
-    if (document.querySelector(`link[href="${this.cssPath}"]`)) return;
-    const link = document.createElement("link");
-    link.rel = "stylesheet";
-    link.href = this.cssPath;
-    document.head.appendChild(link);
-  }
-  handleRuntimeError(event) {
-    var _a2;
-    if (this.contains(event.target) || event.error) {
-      this.renderError(((_a2 = event.error) == null ? void 0 : _a2.message) || event.message);
-    }
-  }
-  handlePromiseError(event) {
-    var _a2;
-    this.renderError(((_a2 = event.reason) == null ? void 0 : _a2.message) || String(event.reason));
-  }
-  handleLocationChange() {
-    setTimeout(() => {
-      if (this.hasError && this.lastPath !== window.location.pathname) {
-        console.log("✨ [nine-exception-hook] 예외 해제 및 렌더링 정상 복구");
-        this.lastPath = window.location.pathname;
-        this.hasError = false;
-        const errorBox = this.querySelector(".nine-error-container");
-        if (errorBox) errorBox.remove();
-        Array.from(this.children).forEach((child) => {
-          if (child.tagName !== "LINK") child.style.display = "";
-        });
-      }
-    }, 10);
-  }
-  renderError(errorMessage) {
-    if (this.hasError) return;
-    this.hasError = true;
-    if (window.triggerAutoRecovery) {
-      window.triggerAutoRecovery(errorMessage);
-    }
-    Array.from(this.children).forEach((child) => {
-      if (child.tagName !== "LINK") child.style.display = "none";
-    });
-    const errorHTML = `
+    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();
+injectShadowStylesheet_fn = function() {
+  if (this.shadowRoot.querySelector(`link[href="${__privateGet(this, _cssPath)}"]`)) return;
+  const link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = __privateGet(this, _cssPath);
+  this.shadowRoot.appendChild(link);
+};
+_handleRuntimeError = new WeakMap();
+_handlePromiseError = new WeakMap();
+_handleLocationChange = new WeakMap();
+_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-error-footer">
-                    🔄 에러 로그가 관제탑으로 자동 피드백되었습니다. AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...
+                
+                <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>
         `;
-    this.insertAdjacentHTML("beforeend", errorHTML);
+  exceptionBoard.innerHTML = errorHTML;
+  const aiBtn = this.shadowRoot.querySelector(".nine-ai-btn");
+  if (aiBtn) {
+    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.332",
+  version: "0.1.334",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }