@nine-lab/nine-mu 0.1.332 → 0.1.333

package/dist/nine-mu.js

@@ -17537,7 +17537,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.332"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43787,7 +43787,7 @@ class NineDiff extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.332"}/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.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.332"}/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.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.332"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44366,7 +44366,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = nine.cssPath ? `@import "${nine.cssPath}/ninePanel.css";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.332"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44464,8 +44464,84 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
+class ExceptionHook extends HTMLElement {
+  constructor() {
+    super();
+    this.lastPath = window.location.pathname;
+    this.hasError = false;
+    this.cssPath = "/css/nine-exception-hook.css";
+  }
+  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);
+  }
+  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 = `
+            <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>
+            </div>
+        `;
+    this.insertAdjacentHTML("beforeend", errorHTML);
+  }
+}
+if (!customElements.get("nine-exception-hook")) {
+  customElements.define("nine-exception-hook", ExceptionHook);
+}
 const NineMu = {
-  version: "0.1.331",
+  version: "0.1.332",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }