@nine-lab/nine-mu 0.1.46 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",
@@ -27,7 +27,7 @@
   "dependencies": {
     "@nine-lab/nine-ai": "^0.1.75",
     "@nine-lab/nine-util": "^0.9.40",
-    "@nine-lab/nine-ux": "^0.1.103"
+    "@nine-lab/nine-ux": "^0.1.111"
   },
   "publishConfig": {
     "access": "public"

package/public/css/nine-mu.css

@@ -814,7 +814,8 @@
 		outline: none;
 	}
 
-	nx-dialog { --dialog-width: 90vw; --dialog-height: 85vh; }
+	--dialog { --dialog-width: 90vw; --dialog-height: 85vh; }
+	dialog { width: calc(100% - 50px); height: calc(100% - 50px); }
 	.main-layout { width: 100%; height: 100%; display: flex; flex-direction: column; }
 	.diff-area { flex: 1; min-height: 0; }
 	.footer {

package/src/components/NineDiffPopup.js

@@ -24,49 +24,26 @@ export class NineDiffPopup extends HTMLElement {
                 ${customImport}
             </style>
             
-            <nx-dialog>
+            <nine-dialog>
                 <div class="main-layout">
                     <div class="diff-area">
-                        <nine-diff id="editor"></nine-diff>
+                        <nine-diff></nine-diff>
                     </div>
                     <div class="footer">
                         <button class="btn btn-cancel">취소</button>
                         <button class="btn btn-confirm">최종 확정 및 저장</button>
                     </div>
                 </div>
-            </nx-dialog>
+            </nine-dialog>
         `;
 
-        this.#dialog = this.shadowRoot.querySelector('nx-dialog');
-        this.#diffView = this.shadowRoot.querySelector('#editor');
+        this.#dialog = this.shadowRoot.querySelector('nine-dialog');
+        this.#diffView = this.shadowRoot.querySelector('nine-diff');
 
         this.shadowRoot.querySelector('.btn-confirm').onclick = () => this.#handleConfirm();
         this.shadowRoot.querySelector('.btn-cancel').onclick = () => this.#handleCancel();
     }
 
-    /**
-    async popup1(data) {
-        return new Promise((resolve) => {
-            this.#resolve = resolve;
-            this.#asisBackup = data?.asis || "";
-
-
-            // 💡 에디터가 준비되었다는 신호를 받으면 데이터 주입
-            this.#diffView.addEventListener('ready', () => {
-                trace.log("NineDiff is Ready! Injecting data...");
-
-                const asisStr = typeof data.asis === 'object' ? JSON.stringify(data.asis, null, 2) : data.asis;
-                const tobeStr = typeof data.tobe === 'object' ? JSON.stringify(data.tobe, null, 2) : data.tobe;
-
-                trace.log(asisStr, tobeStr);
-
-                this.#diffView.initialize(asisStr, tobeStr, data.lang);
-            }, { once: true }); // 딱 한 번만 실행
-
-            this.#dialog.showModal();
-        });
-    } */
-
     popup() {
         // 초기화
         this.#dialog.showModal();