@nine-lab/nine-mu 0.1.332 → 0.1.334

package/dist/css/nine-mu.css

@@ -940,4 +940,82 @@
 			/* JS로 내용이 채워지므로 별도의 CSS 애니메이션은 필요 없음 */
 		}
 	}
+}
+
+:host(nine-exception-hook) {
+	display: block;
+	width: 100%;
+	height: 100%;
+
+	.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, _renderer2, _ExceptionHook_instances, injectShadowStylesheet_fn, handleRuntimeError_fn, handlePromiseError_fn, handleLocationChange_fn, sendToAiAction_fn, 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.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.333"}/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.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.333"}/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.333"}/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.333"}/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.331"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.333"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44464,8 +44464,132 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
+class ExceptionHook extends HTMLElement {
+  constructor() {
+    super();
+    __privateAdd(this, _ExceptionHook_instances);
+    __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";
+                ${customImport}
+            </style>
+            
+			<div class="nine-hook-core">
+				<slot></slot>
+			</div>
+		`;
+    });
+    this.lastPath = window.location.pathname;
+    this.hasError = false;
+    this.cssPath = "/css/nine-exception-hook.css";
+    this.attachShadow({ mode: "open" });
+  }
+  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);
+  }
+  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);
+  }
+}
+_renderer2 = new WeakMap();
+_ExceptionHook_instances = new WeakSet();
+// 💡 2. Shadow Root 내부 전용 스타일 링크 주입 함수
+injectShadowStylesheet_fn = function() {
+  if (this.shadowRoot.querySelector(`link[href="${this.cssPath}"]`)) return;
+  const link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = 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>`;
+  }
+};
+renderError_fn = function(errorMessage, errorStack) {
+  if (this.hasError) return;
+  this.hasError = true;
+  const coreContainer = this.shadowRoot.querySelector(".nine-hook-core");
+  if (coreContainer) coreContainer.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-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.shadowRoot.insertAdjacentHTML("beforeend", errorHTML);
+  const aiBtn = this.shadowRoot.querySelector(".nine-ai-btn");
+  if (aiBtn) {
+    aiBtn.addEventListener("click", () => __privateMethod(this, _ExceptionHook_instances, sendToAiAction_fn).call(this, errorMessage, errorStack));
+  }
+};
+if (!customElements.get("nine-exception-hook")) {
+  customElements.define("nine-exception-hook", ExceptionHook);
+}
 const NineMu = {
-  version: "0.1.331",
+  version: "0.1.333",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }