@nine-lab/nine-mu 0.1.289 → 0.1.291

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.288"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.290"}/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.288"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.290"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43847,14 +43847,11 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [정석 데이터 위임 연동 엔진]
+   * 💡 [틀 고정 + 에디터 동적 인스턴싱 엔진]
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
     __privateSet(this, _fileList, fileList);
-    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";
@@ -43862,31 +43859,39 @@ class NineDiffPopup extends HTMLElement {
       if (lower.endsWith(".json")) return "json";
       return "javascript";
     };
-    fileList.forEach((file) => {
-      const { layer: layer2, full_path } = file;
-      const fileName = full_path.split("/").pop() || "Unknown";
-      const captionName = `${layer2.toUpperCase()} (${fileName})`;
-      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, full_path, asis_source, source } = file;
-        const diff = __privateGet(this, _tabContainer).shadowRoot.querySelector(`nine-diff.${layer2}`);
-        if (diff) {
-          const lang = detectLanguage(full_path);
-          diff.initialize(asis_source || "", source || "", lang);
+      const activeLayers = fileList.map((f) => f.layer);
+      const tabButtons = __privateGet(this, _tabContainer).shadowRoot.querySelectorAll(".tab-button");
+      const targetLayers = ["MyBatis", "Service", "Controller", "JavaScript"];
+      targetLayers.forEach((layerName, index) => {
+        const currentBtn = tabButtons[index];
+        const pageBody = __privateGet(this, _tabContainer).shadowRoot.getElementById(`content${index}`);
+        if (!pageBody) return;
+        if (activeLayers.includes(layerName)) {
+          const fileData = fileList.find((f) => f.layer === layerName);
+          const fileName = fileData.full_path.split("/").pop() || "Unknown";
+          if (currentBtn) {
+            currentBtn.textContent = `${layerName.toUpperCase()} (${fileName})`;
+            currentBtn.style.display = "unset";
+          }
+          pageBody.innerHTML = `<nine-diff class="${layerName}"></nine-diff>`;
+          const freshDiff = pageBody.querySelector(`nine-diff.${layerName}`);
+          if (freshDiff) {
+            const lang = detectLanguage(fileData.full_path);
+            freshDiff.initialize(fileData.asis_source || "", fileData.source || "", lang);
+          }
         } else {
-          trace.error(`❌ 에디터 탐색 실패: nine-diff.${layer2}`);
+          if (currentBtn) {
+            currentBtn.style.display = "none";
+            currentBtn.classList.remove("active");
+          }
+          pageBody.innerHTML = "";
         }
       });
-    }, 150);
+      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+        __privateGet(this, _tabContainer).initialize();
+      }
+    }, 120);
     return this;
   }
 }
@@ -43896,11 +43901,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.288";
+  const appVersion = "0.1.290";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -43908,14 +43913,16 @@ renderScaffolding_fn = function() {
             </style>
             
             <nine-dialog>
-                <div class="main-layout">
-                    <div class="tab-area">
-                        <nine-tab theme="theme-3"></nine-tab>
-                    </div>
-                    <div class="footer">
-                        <button class="btn btn-cancel">취소</button>
-                        <button class="btn btn-confirm">모두 저장</button>
-                    </div>
+                <nine-tab theme="theme-3">
+                    <nine-tab-page caption="MYBATIS" id="layer_MyBatis"></nine-tab-page>
+                    <nine-tab-page caption="SERVICE" id="layer_Service"></nine-tab-page>
+                    <nine-tab-page caption="CONTROLLER" id="layer_Controller"></nine-tab-page>
+                    <nine-tab-page caption="JAVASCRIPT" id="layer_JavaScript"></nine-tab-page>
+                </nine-tab>
+                
+                <div class="footer">
+                    <button class="btn btn-cancel">취소</button>
+                    <button class="btn btn-confirm">모두 저장</button>
                 </div>
             </nine-dialog>
         `;
@@ -44242,7 +44249,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.288"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.290"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44336,7 +44343,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.288",
+  version: "0.1.290",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }