@nine-lab/nine-mu 0.1.362 → 0.1.364

package/dist/nine-mu.js

@@ -17538,7 +17538,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.361"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.363"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43788,7 +43788,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.361"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.363"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43928,7 +43928,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.361"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.363"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44037,7 +44037,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.361"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.363"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44367,7 +44367,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.361"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.363"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44472,6 +44472,7 @@ const NineExceptionStyles = {
     padding: "25px",
     background: "#121314",
     fontFamily: 'Consolas, Monaco, "Courier New", monospace',
+    fontSize: "14px",
     textAlign: "left",
     boxShadow: "0 4px 12px rgba(0,0,0,0.3)",
     display: "flex",
@@ -44600,15 +44601,27 @@ class NineExceptionHook extends React.Component {
     }, 600);
   }
   render() {
-    var _a2, _b;
+    var _a2;
     if (this.state.hasError) {
       if (this.props.fallback) {
         return this.props.fallback(this.state.error);
       }
-      const errorMessage = ((_a2 = this.state.error) == null ? void 0 : _a2.message) || String(this.state.error);
+      let errorMessage = "";
+      if (this.state.error) {
+        const errorName = this.state.error.name ? `[${this.state.error.name}] ` : "";
+        const mainMessage = this.state.error.message || String(this.state.error);
+        if (this.state.error.stack) {
+          const stackLines = this.state.error.stack.split("\n");
+          errorMessage = stackLines[0].includes(mainMessage) ? stackLines[0] : `${errorName}${mainMessage}`;
+        } else {
+          errorMessage = `${errorName}${mainMessage}`;
+        }
+      } else {
+        errorMessage = "Unknown runtime exception occurred.";
+      }
       const customStyles = this.props.styles || {};
       let errorLocation = "";
-      if ((_b = this.state.errorInfo) == null ? void 0 : _b.componentStack) {
+      if ((_a2 = this.state.errorInfo) == null ? void 0 : _a2.componentStack) {
         const lines = this.state.errorInfo.componentStack.trim().split("\n");
         const targetLine = lines[0] || "";
         const match = targetLine.match(/at\s+(\w+)\s+\((.*)\)/) || targetLine.match(/at\s+(.*)/);
@@ -44618,7 +44631,7 @@ class NineExceptionHook extends React.Component {
           if (rawPath.includes("http://") || rawPath.includes("https://")) {
             rawPath = rawPath.replace(/^https?:\/\/[^\/]+/, "");
           }
-          errorLocation = rawPath ? `${componentName} (${rawPath})` : componentName;
+          errorLocation = rawPath ? `at ${componentName} (${rawPath})` : `at ${componentName}`;
         } else {
           errorLocation = targetLine.trim();
         }
@@ -44628,21 +44641,21 @@ class NineExceptionHook extends React.Component {
         {
           style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
         },
-        // 1. [SYSTEM] 라인
+        // 1. 에러 감지 로그
         React.createElement(
           "div",
           { style: { ...NineExceptionStyles.systemError, ...customStyles.systemError } },
           "[SYSTEM] COMPONENT RENDER ERROR DETECTED"
         ),
-        // 2. aa is not defined 라인
+        // 2. 상세화된 에러 내용 (예: ReferenceError: aa is not defined)
         React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
-        // 3. at MemberUsers 라인
+        // 3. 파싱된 에러 발생 파일명 및 라인 위치
         errorLocation && React.createElement(
           "div",
           { style: { ...NineExceptionStyles.locationRow, ...customStyles.locationRow } },
-          `  at ${errorLocation}`
+          errorLocation
         ),
-        // 4. CLI 프롬프트 및 후속 결과 라인 영역
+        // 4. CLI 프롬프트 영역
         React.createElement(
           "div",
           { style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
@@ -44660,17 +44673,16 @@ class NineExceptionHook extends React.Component {
             ),
             React.createElement("span", null, "/n)?")
           ),
-          // display: 'block'과 margin/padding 0을 주어 다른 라인들과 오차 없이 간격을 맞춤
           this.state.reportStatus === "sending" && React.createElement(
             "div",
-            { style: { color: "#ED8936", margin: "0", padding: "0", display: "block" } },
+            { style: { color: "#ED8936", margin: "0" } },
             ">> Connecting to Control Tower... Sending payload."
           ),
           this.state.reportStatus === "success" && React.createElement(
             "div",
-            { style: { margin: "0", padding: "0", display: "block" } },
-            React.createElement("div", { style: { color: "#38A169", fontWeight: "bold", display: "block", margin: "0" } }, ">> Transmit complete. Core engine initialized."),
-            React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px", display: "block", margin: "4px 0 0 0" } }, "AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
+            { style: { display: "flex", flexDirection: "column", gap: "12px", margin: "0" } },
+            React.createElement("div", { style: { color: "#38A169", fontWeight: "bold" } }, ">> Transmit complete. Core engine initialized."),
+            React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px" } }, "AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
           )
         )
       );
@@ -44679,7 +44691,7 @@ class NineExceptionHook extends React.Component {
   }
 }
 const NineMu = {
-  version: "0.1.361",
+  version: "0.1.363",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }