@nine-lab/nine-mu 0.1.299 → 0.1.301

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.299",
+  "version": "0.1.301",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",

package/public/css/nine-mu.css

@@ -831,6 +831,35 @@
 	}
 	.btn { padding: 8px 20px; cursor: pointer; border-radius: 4px; border: 1px solid #ccc; font-weight: bold; }
 	.btn-confirm { background: #007bff; color: white; border: none; }
+
+	.tab-pages .tab-page {
+		height: 100%;
+	}
+
+	nine-dialog {
+		display: flex;
+		flex-direction: column;
+		width: 85vw;
+		height: 80vh;      /* 팝업 전체 높이를 브라우저 화면의 80%로 제한 */
+		min-width: 900px;
+		overflow: hidden;  /* 다이얼로그 자체가 늘어나며 바깥 스크롤 생기는 현상 방지 */
+	}
+
+	/* 🎯 [핵심 교정]: 탭 영역이 남은 다이얼로그 높이를 100% 꽉 채우도록 설정 */
+	nine-tab {
+		flex: 1;
+		min-height: 0;     /* 플렉스 자식의 무한 늘어남 방지 (스크롤 유도 필수 속성) */
+		display: flex;
+		flex-direction: column;
+	}
+
+	.footer1111 {
+		display: flex;
+		justify-content: flex-end;
+		gap: 10px;
+		padding: 15px 0 0 0;
+		border-top: 1px solid #e5e7eb;
+	}
 }
 
 :host(nine-diff) {

package/src/components/NineChat.js

@@ -125,7 +125,7 @@ export class NineChat extends HTMLElement {
 
                         const asis = await this.#manager.getRoutes();
 
-                        if (parsed?.selected_tool === "source-missing") {
+                        if (parsed?.selected_tool === "generator-menu") {
                             const hasCreated = parsed?.data.some(item => item.action === 'CREATE');
                             const hasUpdated = parsed?.data.some(item => item.action === 'UPDATE');
                             const hasDeleted = parsed?.data.some(item => item.action === 'DELETE');
@@ -142,9 +142,6 @@ export class NineChat extends HTMLElement {
                             }
                         }
 
-
-
-
                         // 💡 만약 intent가 EXECUTE_TOOL이거나 NAVIGATE일 때 프론트에서
                         // 화면 이동(Routing)이나 추가 액션을 해야 한다면 여기서 parsedData.target_path 등을 활용하면 됩니다!
 
@@ -256,9 +253,20 @@ export class NineChat extends HTMLElement {
         const container = this.shadowRoot.querySelector('.wrapper') || this.shadowRoot;
         container.appendChild($diffPopup);
 
+        const filePayload = {
+            //layer: "Unknown",
+            full_path: "unknown_file",
+            asis_source: asis || "",
+            source: tobe || ""
+        };
+        collectedFiles.push(filePayload);
+
+        $diffPopup.data([...collectedFiles]);
+        $diffPopup.popup();
+
         // 4. 데이터 주입 및 팝업 실행
         // 💡 팝업이 네이티브 <dialog> 기반이라면 .popup() 내부에서 showModal()이 실행될 겁니다.
-        $diffPopup.popup().data(asis, tobe, lang);
+        //$diffPopup.popup().data(asis, tobe, lang);
     }
 }
 

package/src/components/NineDiffPopup.js

@@ -79,10 +79,10 @@ export class NineDiffPopup extends HTMLElement {
         fileList.forEach((file) => {
             const { layer, full_path } = file;
             const fileName = full_path.split('/').pop() || "Unknown";
-            const captionName = `${layer.toUpperCase()} (${fileName})`;
+            //const captionName = `${layer.toUpperCase()} (${fileName})`;
 
             totalTabHtml += `
-                <nine-tab-page caption="${captionName}">
+                <nine-tab-page caption="${fileName}">
                     <nine-diff class="${layer}"></nine-diff>
                 </nine-tab-page>
             `;