@nine-lab/nine-mu 0.1.348 → 0.1.350

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.347"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.349"}/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.347"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.349"}/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.347"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.349"}/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.347"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.349"}/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.347"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.349"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44469,38 +44469,54 @@ const NineExceptionStyles = {
   container: {
     padding: "30px",
     margin: "20px",
-    background: "#FFF5F5",
-    border: "1px solid #FEB2B2",
-    borderRadius: "8px",
-    fontFamily: "sans-serif",
-    textAlign: "left"
+    background: "#121314",
+    // 터미널 다크 블랙 배경
+    border: "1px solid #343A40",
+    // 소프트한 메탈릭 테두리
+    borderRadius: "6px",
+    fontFamily: 'Consolas, Monaco, "Courier New", monospace',
+    // 터미널 고정폭 글꼴 우선
+    textAlign: "left",
+    boxShadow: "0 4px 12px rgba(0,0,0,0.3)"
+    // 터미널 윈도우 입체감
   },
   title: {
-    color: "#C53030",
+    color: "#FFFFFF",
+    // 화이트 타이틀
     marginTop: 0,
-    fontSize: "18px",
+    fontSize: "16px",
+    fontWeight: "600",
     display: "flex",
     alignItems: "center",
-    gap: "8px"
+    gap: "8px",
+    borderBottom: "1px solid #2D3139",
+    // 상단 바 구분선 느낌
+    paddingBottom: "12px"
   },
   label: {
-    margin: "10px 0 5px 0",
+    margin: "15px 0 8px 0",
     fontWeight: "bold",
-    color: "#4A5568"
+    color: "#A0AEC0",
+    // 프롬프트 서브 텍스트 (연한 그레이)
+    fontSize: "13px"
   },
   pre: {
-    background: "#1A202C",
-    color: "#EDF2F7",
+    background: "#1A1C1E",
+    // 코드 블록 내부의 살짝 더 깊은 블랙
+    color: "#F8F9FA",
+    // 에러 로그 화이트 출력
     padding: "15px",
-    borderRadius: "6px",
+    borderRadius: "4px",
+    border: "1px solid #2A2D30",
     overflowX: "auto",
     whiteSpace: "pre-wrap",
-    fontFamily: "monospace",
-    fontSize: "14px"
+    fontFamily: "Consolas, Monaco, monospace",
+    fontSize: "13px",
+    lineHeight: "1.5"
   },
   footer: {
-    marginTop: "15px",
-    fontSize: "14px",
+    marginTop: "20px",
+    fontSize: "13px",
     color: "#718096",
     display: "flex",
     flexDirection: "column",
@@ -44509,14 +44525,17 @@ const NineExceptionStyles = {
   button: {
     padding: "10px 16px",
     background: "#E53E3E",
+    // 버튼의 고유 아이덴티티 유지 (레드)
     color: "#FFFFFF",
     border: "none",
-    borderRadius: "6px",
+    borderRadius: "4px",
     cursor: "pointer",
     fontWeight: "bold",
-    fontSize: "14px",
+    fontSize: "13px",
     alignSelf: "flex-start",
-    transition: "background 0.2s"
+    transition: "background 0.2s",
+    fontFamily: "sans-serif"
+    // 버튼 텍스트는 일반 폰트로 가독성 확보
   }
 };
 class NineExceptionHook extends React.Component {
@@ -44547,13 +44566,12 @@ class NineExceptionHook extends React.Component {
   handleLocationChange() {
     setTimeout(() => {
       if (this.state.hasError && this.lastPath !== window.location.pathname) {
-        console.log("✨ [Nine-Library] 페이지 주소 변경 감지 -> 리액트 에러 상태 초기화");
+        console.log("[Nine-Library] 페이지 주소 변경 감지 -> 리액트 에러 상태 초기화");
         this.lastPath = window.location.pathname;
         this.setState({ hasError: false, error: null, reportStatus: "idle" });
       }
     }, 10);
   }
-  // 🚀 버튼 클릭 시 실행될 관제탑 수동 신고 핸들러
   handleReport() {
     var _a2;
     if (this.state.reportStatus !== "idle") return;
@@ -44563,7 +44581,7 @@ class NineExceptionHook extends React.Component {
       if (window.triggerAutoRecovery) {
         window.triggerAutoRecovery(errorMessage);
       } else {
-        console.warn("⚠️ [Nine-Library] window.triggerAutoRecovery 가 정의되지 않았습니다.");
+        console.warn("[Nine-Library] window.triggerAutoRecovery 가 정의되지 않았습니다.");
       }
       this.setState({ reportStatus: "success" });
     }, 500);
@@ -44578,16 +44596,35 @@ class NineExceptionHook extends React.Component {
       const customStyles = this.props.styles || {};
       let buttonText = "🚀 관제탑에 에러 피드백 전송하기";
       if (this.state.reportStatus === "sending") buttonText = "⏳ 관제탑 연락 중...";
-      if (this.state.reportStatus === "success") buttonText = "✅ 전송 완료! AI가 분석을 시작합니다.";
+      if (this.state.reportStatus === "success") buttonText = "✅ 전송 완료! AI 분석 시작";
       return React.createElement(
         "div",
         {
           style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
         },
-        React.createElement("h3", { style: { ...NineExceptionStyles.title, ...customStyles.title } }, "⚠️ 컴포넌트 빌드/렌더링 에러 감지"),
-        React.createElement("p", { style: { ...NineExceptionStyles.label, ...customStyles.label } }, "[에러 원인 로그]:"),
+        // 1. 상단 프롬프트 헤더 (시스템 상태 알림)
+        React.createElement(
+          "div",
+          { style: { ...NineExceptionStyles.title, ...customStyles.title } },
+          React.createElement("span", { style: { color: "#38A169", marginRight: "5px" } }, "nandoo@nine-mu:~$"),
+          "./system-check --status"
+        ),
+        // 2. 시스템 에러 감지 출력 로그
+        React.createElement(
+          "div",
+          { style: { color: "#E53E3E", fontSize: "14px", margin: "15px 0 5px 0", fontWeight: "bold", letterSpacing: "0.5px" } },
+          "[SYSTEM] COMPONENT RENDER ERROR DETECTED"
+        ),
+        // 3. 명령어 입력 시뮬레이션 ($ cat error.log)
+        React.createElement(
+          "p",
+          { style: { ...NineExceptionStyles.label, ...customStyles.label } },
+          React.createElement("span", { style: { color: "#3182CE", marginRight: "6px" } }, "nandoo@nine-mu:~$"),
+          "cat error.log"
+        ),
+        // 4. 에러 내용 본문 박스
         React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
-        // 하단 안내 영역 및 수동 전송 버튼
+        // 5. 하단 버튼 및 피드백 영역
         React.createElement(
           "div",
           { style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
@@ -44607,8 +44644,8 @@ class NineExceptionHook extends React.Component {
           ),
           this.state.reportStatus === "success" && React.createElement(
             "div",
-            { style: { color: "#4A5568", fontSize: "13px", marginTop: "5px" } },
-            "🔄 AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요..."
+            { style: { color: "#CBD5E0", fontSize: "13px", marginTop: "5px", fontStyle: "italic" } },
+            ">> AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요..."
           )
         )
       );
@@ -44617,7 +44654,7 @@ class NineExceptionHook extends React.Component {
   }
 }
 const NineMu = {
-  version: "0.1.347",
+  version: "0.1.349",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }