@nine-lab/nine-mu 0.1.367 → 0.1.368

package/dist/nine-mu.js

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 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;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
-import React from "react";
+import React, { createContext, useState } from "react";
 class Trace extends trace$1.constructor {
   constructor() {
     super();
@@ -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.366"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.367"}/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.366"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.367"}/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.366"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.367"}/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.366"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.367"}/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.366"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.367"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44465,6 +44465,20 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
+const ScreenContext = createContext();
+const ScreenProvider = ({ children }) => {
+  const [activeView, setActiveView] = useState("list-wrapper");
+  const [selectedData, setSelectedData] = useState(null);
+  const goto = (selector, data) => {
+    setActiveView(selector);
+    if (data) setSelectedData(data);
+  };
+  return React.createElement(
+    ScreenContext.Provider,
+    { value: { activeView, selectedData, goto } },
+    children
+  );
+};
 const NineExceptionStyles = {
   container: {
     minHeight: "100%",
@@ -44478,70 +44492,19 @@ const NineExceptionStyles = {
     display: "flex",
     flexDirection: "column",
     gap: "10px",
-    // ⭐ 수정: 아까 보기 좋았던 넉넉하고 정돈된 줄간격 비율로 복구
     lineHeight: "1.5"
   },
-  // 1. 모든 라인의 display 형식을 'block'으로 맞추고 마진/패딩을 0으로 통일
-  systemError: {
-    color: "#999",
-    fontWeight: "bold",
-    margin: "0",
-    padding: "0",
-    display: "block"
-  },
-  // 2. 에러 본문 텍스트도 불필요한 속성을 다 버리고 일반 라인과 똑같이 흐르게 교정
-  pre: {
-    background: "transparent",
-    color: "#666",
-    // aa is not defined는 요청하신 #666 적용
-    padding: "0",
-    margin: "0",
-    border: "none",
-    overflowX: "auto",
-    whiteSpace: "pre-wrap",
-    fontFamily: "inherit",
-    // 부모 폰트 그대로 상속
-    fontSize: "inherit",
-    // 부모 크기 그대로 상속
-    display: "block"
-  },
-  // 3. 에러 위치 추적 라인
-  locationRow: {
-    color: "#999",
-    margin: "0",
-    padding: "0",
-    display: "block",
-    fontFamily: "inherit",
-    fontSize: "inherit"
-  },
-  // 4. 하단 영역의 flex와 gap을 완전히 제거하여 줄간격 왜곡 원천 차단
-  footer: {
-    margin: "0",
-    padding: "0",
-    display: "none"
-  },
-  promptRow: {
-    margin: "0",
-    padding: "0",
-    display: "block",
-    color: "#999"
-  },
-  cliLink: {
-    color: "#38A169",
-    // y 링크 터미널 그린
-    padding: "0",
-    fontFamily: "inherit",
-    fontSize: "inherit",
-    fontWeight: "bold",
-    cursor: "pointer",
-    textDecoration: "underline",
-    textUnderlineOffset: "3px"
-  }
+  systemError: { color: "#999", fontWeight: "bold", margin: "0", padding: "0", display: "block" },
+  pre: { background: "transparent", color: "#666", padding: "0", margin: "0", border: "none", overflowX: "auto", whiteSpace: "pre-wrap", fontFamily: "inherit", fontSize: "inherit", display: "block" },
+  locationRow: { color: "#999", margin: "0", padding: "0", display: "block", fontFamily: "inherit", fontSize: "inherit" },
+  footer: { margin: "0", padding: "0", display: "none" },
+  promptRow: { margin: "0", padding: "0", display: "block", color: "#999" },
+  cliLink: { color: "#38A169", padding: "0", fontFamily: "inherit", fontSize: "inherit", fontWeight: "bold", cursor: "pointer", textDecoration: "underline", textUnderlineOffset: "3px" }
 };
 class NineExceptionHook extends React.Component {
   constructor(props) {
     super(props);
-    this.state = { hasError: false, error: null, reportStatus: "idle" };
+    this.state = { hasError: false, error: null, reportStatus: "idle", errorInfo: null };
     this.lastPath = window.location.pathname;
     this.handleLocationChange = this.handleLocationChange.bind(this);
     this.handleReport = this.handleReport.bind(this);
@@ -44551,13 +44514,8 @@ class NineExceptionHook extends React.Component {
     return { hasError: true, error, reportStatus: "idle" };
   }
   componentDidCatch(error, errorInfo) {
-    console.error("🚨 [Nine-Library] 본문 렌더링 에러 포착:", error);
-    this.setState({
-      errorInfo: errorInfo || null
-    });
-    if (this.props.onCatch) {
-      this.props.onCatch(error, errorInfo);
-    }
+    this.setState({ errorInfo: errorInfo || null });
+    if (this.props.onCatch) this.props.onCatch(error, errorInfo);
   }
   componentDidMount() {
     window.addEventListener("popstate", this.handleLocationChange);
@@ -44580,9 +44538,8 @@ class NineExceptionHook extends React.Component {
   handleLocationChange() {
     setTimeout(() => {
       if (this.state.hasError && this.lastPath !== window.location.pathname) {
-        console.log("[Nine-Library] 페이지 주소 변경 감지 -> 에러 상태 초기화");
         this.lastPath = window.location.pathname;
-        this.setState({ hasError: false, error: null, reportStatus: "idle" });
+        this.setState({ hasError: false, error: null, reportStatus: "idle", errorInfo: null });
       }
     }, 10);
   }
@@ -44592,20 +44549,14 @@ class NineExceptionHook extends React.Component {
     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 가 정의되지 않았습니다.");
-      }
+      if (window.triggerAutoRecovery) window.triggerAutoRecovery(errorMessage);
       this.setState({ reportStatus: "success" });
     }, 600);
   }
   render() {
     var _a2;
     if (this.state.hasError) {
-      if (this.props.fallback) {
-        return this.props.fallback(this.state.error);
-      }
+      if (this.props.fallback) return this.props.fallback(this.state.error);
       let errorMessage = "";
       if (this.state.error) {
         const errorName = this.state.error.name ? `[${this.state.error.name}] ` : "";
@@ -44638,60 +44589,35 @@ class NineExceptionHook extends React.Component {
       }
       return React.createElement(
         "div",
-        {
-          style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
-        },
-        // 1. 에러 감지 로그
+        { style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle } },
+        React.createElement("div", { style: NineExceptionStyles.systemError }, "[SYSTEM] Component render error detected."),
+        React.createElement("pre", { style: NineExceptionStyles.pre }, errorMessage),
+        errorLocation && React.createElement("div", { style: NineExceptionStyles.locationRow }, errorLocation),
         React.createElement(
           "div",
-          { style: { ...NineExceptionStyles.systemError, ...customStyles.systemError } },
-          "[SYSTEM] Component render error detected."
-        ),
-        // 2. 상세화된 에러 내용 (예: ReferenceError: aa is not defined)
-        React.createElement("pre", { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
-        // 3. 파싱된 에러 발생 파일명 및 라인 위치
-        errorLocation && React.createElement(
-          "div",
-          { style: { ...NineExceptionStyles.locationRow, ...customStyles.locationRow } },
-          errorLocation
-        ),
-        // 4. CLI 프롬프트 영역
-        React.createElement(
-          "div",
-          { style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
-          this.state.reportStatus === "idle" && React.createElement(
-            "div",
-            { style: { ...NineExceptionStyles.promptRow, ...customStyles.promptRow } },
-            React.createElement("span", null, "Send error log to Control Tower ("),
-            React.createElement(
-              "span",
-              {
-                style: { ...NineExceptionStyles.cliLink, ...customStyles.cliLink },
-                onClick: this.handleReport
-              },
-              "y"
-            ),
-            React.createElement("span", null, "/n)?")
-          ),
-          this.state.reportStatus === "sending" && React.createElement(
-            "div",
-            { style: { color: "#ED8936", margin: "0" } },
-            ">> Connecting to Control Tower... Sending payload."
-          ),
-          this.state.reportStatus === "success" && React.createElement(
-            "div",
-            { 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가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
-          )
+          { style: NineExceptionStyles.footer },
+          this.state.reportStatus === "idle" && React.createElement("div", { style: NineExceptionStyles.promptRow }, "Send error log to Control Tower (", React.createElement("span", { style: NineExceptionStyles.cliLink, onClick: this.handleReport }, "y"), "/n)?"),
+          this.state.reportStatus === "sending" && React.createElement("div", { style: { color: "#ED8936" } }, ">> Connecting to Control Tower... Sending payload."),
+          this.state.reportStatus === "success" && React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px" } }, React.createElement("div", { style: { color: "#38A169", fontWeight: "bold" } }, ">> Transmit complete. Core engine initialized."), React.createElement("div", { style: { color: "#A0AEC0", fontStyle: "italic", fontSize: "13px" } }, "AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요..."))
         )
       );
     }
     return this.props.children;
   }
 }
+function NineHook({ children, onCatch, fallback, styles, containerStyle }) {
+  return React.createElement(
+    ScreenProvider,
+    null,
+    React.createElement(
+      NineExceptionHook,
+      { onCatch, fallback, styles, containerStyle },
+      children
+    )
+  );
+}
 const NineMu = {
-  version: "0.1.366",
+  version: "0.1.367",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }
@@ -44700,7 +44626,7 @@ export {
   NineChat,
   NineDiff,
   NineDiffPopup,
-  NineExceptionHook,
+  NineHook,
   NineMu,
   NineMu as default
 };