@nine-lab/nine-mu 0.1.347 → 0.1.348

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.346"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.347"}/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.346"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.347"}/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.346"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.347"}/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.346"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.347"}/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.346"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.347"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44465,21 +44465,73 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
+const NineExceptionStyles = {
+  container: {
+    padding: "30px",
+    margin: "20px",
+    background: "#FFF5F5",
+    border: "1px solid #FEB2B2",
+    borderRadius: "8px",
+    fontFamily: "sans-serif",
+    textAlign: "left"
+  },
+  title: {
+    color: "#C53030",
+    marginTop: 0,
+    fontSize: "18px",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  },
+  label: {
+    margin: "10px 0 5px 0",
+    fontWeight: "bold",
+    color: "#4A5568"
+  },
+  pre: {
+    background: "#1A202C",
+    color: "#EDF2F7",
+    padding: "15px",
+    borderRadius: "6px",
+    overflowX: "auto",
+    whiteSpace: "pre-wrap",
+    fontFamily: "monospace",
+    fontSize: "14px"
+  },
+  footer: {
+    marginTop: "15px",
+    fontSize: "14px",
+    color: "#718096",
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px"
+  },
+  button: {
+    padding: "10px 16px",
+    background: "#E53E3E",
+    color: "#FFFFFF",
+    border: "none",
+    borderRadius: "6px",
+    cursor: "pointer",
+    fontWeight: "bold",
+    fontSize: "14px",
+    alignSelf: "flex-start",
+    transition: "background 0.2s"
+  }
+};
 class NineExceptionHook extends React.Component {
   constructor(props) {
     super(props);
-    this.state = { hasError: false, error: null };
+    this.state = { hasError: false, error: null, reportStatus: "idle" };
     this.lastPath = window.location.pathname;
     this.handleLocationChange = this.handleLocationChange.bind(this);
+    this.handleReport = this.handleReport.bind(this);
   }
   static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+    return { hasError: true, error, reportStatus: "idle" };
   }
   componentDidCatch(error, errorInfo) {
     console.error("🚨 [Nine-Library] 본문 렌더링 에러 포착:", error);
-    if (window.triggerAutoRecovery) {
-      window.triggerAutoRecovery(error.message || String(error));
-    }
     if (this.props.onCatch) {
       this.props.onCatch(error, errorInfo);
     }
@@ -44497,10 +44549,25 @@ class NineExceptionHook extends React.Component {
       if (this.state.hasError && this.lastPath !== window.location.pathname) {
         console.log("✨ [Nine-Library] 페이지 주소 변경 감지 -> 리액트 에러 상태 초기화");
         this.lastPath = window.location.pathname;
-        this.setState({ hasError: false, error: null });
+        this.setState({ hasError: false, error: null, reportStatus: "idle" });
       }
     }, 10);
   }
+  // 🚀 버튼 클릭 시 실행될 관제탑 수동 신고 핸들러
+  handleReport() {
+    var _a2;
+    if (this.state.reportStatus !== "idle") return;
+    this.setState({ reportStatus: "sending" });
+    const errorMessage = ((_a2 = this.state.error) == null ? void 0 : _a2.message) || String(this.state.error);
+    setTimeout(() => {
+      if (window.triggerAutoRecovery) {
+        window.triggerAutoRecovery(errorMessage);
+      } else {
+        console.warn("⚠️ [Nine-Library] window.triggerAutoRecovery 가 정의되지 않았습니다.");
+      }
+      this.setState({ reportStatus: "success" });
+    }, 500);
+  }
   render() {
     var _a2;
     if (this.state.hasError) {
@@ -44508,41 +44575,49 @@ class NineExceptionHook extends React.Component {
         return this.props.fallback(this.state.error);
       }
       const errorMessage = ((_a2 = this.state.error) == null ? void 0 : _a2.message) || String(this.state.error);
+      const customStyles = this.props.styles || {};
+      let buttonText = "🚀 관제탑에 에러 피드백 전송하기";
+      if (this.state.reportStatus === "sending") buttonText = "⏳ 관제탑 연락 중...";
+      if (this.state.reportStatus === "success") buttonText = "✅ 전송 완료! AI가 분석을 시작합니다.";
       return React.createElement(
         "div",
         {
-          style: {
-            padding: "30px",
-            margin: "20px",
-            background: "#FFF5F5",
-            border: "1px solid #FEB2B2",
-            borderRadius: "8px",
-            fontFamily: "sans-serif",
-            textAlign: "left",
-            ...this.props.containerStyle
-          }
+          style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
         },
-        React.createElement("h3", { style: { color: "#C53030", marginTop: 0, fontSize: "18px" } }, "⚠️ 컴포넌트 빌드/렌더링 에러 감지"),
-        React.createElement("p", { style: { margin: "10px 0 5px 0", fontWeight: "bold", color: "#4A5568" } }, "[에러 원인 로그]:"),
-        React.createElement("pre", {
-          style: {
-            background: "#1A202C",
-            color: "#EDF2F7",
-            padding: "15px",
-            borderRadius: "6px",
-            overflowX: "auto",
-            whiteSpace: "pre-wrap",
-            fontFamily: "monospace"
-          }
-        }, errorMessage),
-        React.createElement("div", { style: { marginTop: "15px", fontSize: "14px", color: "#718096" } }, "🔄 에러 로그가 관제탑으로 자동 피드백되었습니다. AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
+        React.createElement("h3", { style: { ...NineExceptionStyles.title, ...customStyles.title } }, "⚠️ 컴포넌트 빌드/렌더링 에러 감지"),
+        React.createElement("p", { style: { ...NineExceptionStyles.label, ...customStyles.label } }, "[에러 원인 로그]:"),
+        React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
+        // 하단 안내 영역 및 수동 전송 버튼
+        React.createElement(
+          "div",
+          { style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
+          React.createElement(
+            "button",
+            {
+              style: {
+                ...NineExceptionStyles.button,
+                ...customStyles.button,
+                backgroundColor: this.state.reportStatus === "success" ? "#38A169" : this.state.reportStatus === "sending" ? "#A0AEC0" : "#E53E3E",
+                cursor: this.state.reportStatus === "idle" ? "pointer" : "not-allowed"
+              },
+              disabled: this.state.reportStatus !== "idle",
+              onClick: this.handleReport
+            },
+            buttonText
+          ),
+          this.state.reportStatus === "success" && React.createElement(
+            "div",
+            { style: { color: "#4A5568", fontSize: "13px", marginTop: "5px" } },
+            "🔄 AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요..."
+          )
+        )
       );
     }
     return this.props.children;
   }
 }
 const NineMu = {
-  version: "0.1.346",
+  version: "0.1.347",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }