@nine-lab/nine-mu 0.1.285 → 0.1.287

package/dist/nine-mu.js

@@ -17563,7 +17563,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.284"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.286"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43780,7 +43780,7 @@ class NineDiff extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.284"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.286"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43847,14 +43847,15 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [100% 동적 빌딩 시스템]
-   * 들어온 데이터 개수에 정확히 맞추어 런타임에 탭 페이지와 에디터를 일대일 매핑으로 직접 조립합니다.
+   * 💡 [정석 데이터 위임 연동 엔진]
    * @param {Array} fileList - [{ layer: "MyBatis", full_path: "...", asis_source: "...", source: "..." }]
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
     __privateSet(this, _fileList, fileList);
-    __privateGet(this, _tabContainer).innerHTML = "";
+    if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).clearTabs === "function") {
+      __privateGet(this, _tabContainer).clearTabs();
+    }
     const detectLanguage = (path) => {
       const lower = (path || "").toLowerCase();
       if (lower.endsWith(".xml")) return "xml";
@@ -43863,33 +43864,28 @@ class NineDiffPopup extends HTMLElement {
       return "javascript";
     };
     fileList.forEach((file) => {
-      const { layer: layer2, full_path } = file;
-      detectLanguage(full_path);
+      const { layer: layer2, full_path, asis_source, source } = file;
       const fileName = full_path.split("/").pop() || "Unknown";
       const captionName = `${layer2.toUpperCase()} (${fileName})`;
-      const tabPage = document.createElement("nine-tab-page");
-      tabPage.setAttribute("caption", captionName);
-      const diffWrapper = document.createElement("div");
-      diffWrapper.className = "diff-wrapper";
-      const diffView = document.createElement("nine-diff");
-      diffView.className = layer2;
-      diffWrapper.appendChild(diffView);
-      tabPage.appendChild(diffWrapper);
-      __privateGet(this, _tabContainer).appendChild(tabPage);
+      const targetHtmlContent = `
+                <div class="diff-wrapper">
+                    <nine-diff class="${layer2}"></nine-diff>
+                </div>
+            `;
+      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).addTabPage === "function") {
+        __privateGet(this, _tabContainer).addTabPage(captionName, targetHtmlContent);
+      }
     });
     setTimeout(() => {
       fileList.forEach((file) => {
-        const { layer: layer2, asis_source, source } = file;
-        const diff = this.shadowRoot.querySelector(`nine-diff.${layer2}`);
+        const { layer: layer2, full_path, asis_source, source } = file;
+        const diff = this.shadowRoot.querySelector(`nine-tab`).shadowRoot.querySelector(`nine-diff.${layer2}`);
         if (diff) {
-          const lang = detectLanguage(file.full_path);
+          const lang = detectLanguage(full_path);
           diff.initialize(asis_source || "", source || "", lang);
         }
       });
-      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
-        __privateGet(this, _tabContainer).initialize();
-      }
-    }, 150);
+    }, 50);
     return this;
   }
 }
@@ -43899,11 +43895,11 @@ _fileList = new WeakMap();
 _host = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
 /**
- * 💡 기본 다이얼로그 외곽 프레임만 정적으로 선언 (탭 레이아웃은 비워둠)
+ * 💡 기본 다이얼로그 외곽 프레임 및 스타일 스케폴딩 렌더링
  */
 renderScaffolding_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
-  const appVersion = "0.1.284";
+  const appVersion = "0.1.286";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -43928,9 +43924,9 @@ renderScaffolding_fn = function() {
                     flex-direction: column;
                     height: 100%;
                 }
-                /* 💡 하얗게 안 보이는 현상을 방지하기 위해 동적 삽입될 에디터 영역의 높이를 확실히 보장 */
+                /* 💡 하얗게 안 보이는 현상을 방지하기 위해 에디터 영역의 높이를 확실히 보장 */
                 .diff-wrapper {
-                    height: calc(80vh - 120px); 
+                    height: calc(80vh - 160px); 
                     width: 100%;
                     display: block;
                 }
@@ -43970,7 +43966,7 @@ handleConfirmAll_fn = async function() {
   const payloadList = [];
   for (const file of __privateGet(this, _fileList)) {
     const { layer: layer2, full_path, asis_source } = file;
-    const diff = this.shadowRoot.querySelector(`nine-diff.${layer2}`);
+    const diff = this.shadowRoot.querySelector(`nine-tab`).shadowRoot.querySelector(`nine-diff.${layer2}`);
     const currentContent = diff ? diff.getContents() : asis_source;
     payloadList.push({
       layer: layer2,
@@ -44283,7 +44279,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.284"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.286"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44377,7 +44373,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.284",
+  version: "0.1.286",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }