@nine-lab/nine-mu 0.1.404 → 0.1.405

package/dist/nine-mu.js

@@ -9,8 +9,9 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 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, _schema, _connectorUrl2, _aiProcessor, _tipPopup, _NineNatualQuery_instances, runQuery_fn, render_fn3, handleQuestion_fn;
+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, _schema, _connectorUrl2, _aiProcessor, _tipPopup, _NineNaturalQuery_instances, runQuery_fn, render_fn3, handleQuestion_fn, _data2, _wrapper, _gridContainer, _NineNaturalQueryResult_instances, updateGrid_fn, generateGridHtml_fn, bindGridData_fn, render_fn4;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
+import "@nine-lab/nine-ai";
 import React, { createContext, Suspense, useContext, useState, lazy } from "react";
 import { Routes, Route } from "react-router-dom";
 class Trace extends trace$1.constructor {
@@ -17539,7 +17540,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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43789,7 +43790,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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43929,7 +43930,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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44038,7 +44039,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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44368,7 +44369,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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44466,10 +44467,10 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
-class NineNatualQuery extends HTMLElement {
+class NineNaturalQuery extends HTMLElement {
   constructor() {
     super();
-    __privateAdd(this, _NineNatualQuery_instances);
+    __privateAdd(this, _NineNaturalQuery_instances);
     __privateAdd(this, _schema, null);
     __privateAdd(this, _connectorUrl2, "");
     __privateAdd(this, _aiProcessor, null);
@@ -44478,14 +44479,14 @@ class NineNatualQuery extends HTMLElement {
   }
   async connectedCallback() {
     __privateSet(this, _connectorUrl2, this.getAttribute("connector-url") || "http://localhost:3001");
-    __privateMethod(this, _NineNatualQuery_instances, render_fn3).call(this);
+    __privateMethod(this, _NineNaturalQuery_instances, render_fn3).call(this);
   }
 }
 _schema = new WeakMap();
 _connectorUrl2 = new WeakMap();
 _aiProcessor = new WeakMap();
 _tipPopup = new WeakMap();
-_NineNatualQuery_instances = new WeakSet();
+_NineNaturalQuery_instances = new WeakSet();
 runQuery_fn = async function(sql) {
   try {
     trace.log("🚀 쿼리 실행 요청:", sql);
@@ -44511,7 +44512,7 @@ render_fn3 = function() {
   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.403"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.404"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44532,7 +44533,7 @@ render_fn3 = function() {
     if (e.key === "Enter") {
       const question2 = e.target.value.trim();
       if (question2) {
-        __privateMethod(this, _NineNatualQuery_instances, handleQuestion_fn).call(this, question2);
+        __privateMethod(this, _NineNaturalQuery_instances, handleQuestion_fn).call(this, question2);
         e.target.value = "";
       }
     }
@@ -44553,8 +44554,132 @@ handleQuestion_fn = async function(question2) {
     (_b = __privateGet(this, _tipPopup)) == null ? void 0 : _b.close();
   }
 };
-if (!customElements.get("nine-natual-query")) {
-  customElements.define("nine-natual-query", NineNatualQuery);
+if (!customElements.get("nine-natural-query")) {
+  customElements.define("nine-natural-query", NineNaturalQuery);
+}
+class NineNaturalQueryResult extends HTMLElement {
+  constructor() {
+    super();
+    __privateAdd(this, _NineNaturalQueryResult_instances);
+    // 내부 상태 및 상수 캡슐화
+    __privateAdd(this, _data2, []);
+    __privateAdd(this, _wrapper, null);
+    __privateAdd(this, _gridContainer, null);
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    __privateMethod(this, _NineNaturalQueryResult_instances, render_fn4).call(this);
+  }
+  /**
+   * 외부 공개 메서드: 데이터 주입 및 그리드 갱신
+   */
+  redraw(data) {
+    __privateSet(this, _data2, data || []);
+    __privateMethod(this, _NineNaturalQueryResult_instances, updateGrid_fn).call(this);
+  }
+}
+_data2 = new WeakMap();
+_wrapper = new WeakMap();
+_gridContainer = new WeakMap();
+_NineNaturalQueryResult_instances = new WeakSet();
+/**
+ * 내부 그리드 업데이트 로직 (Private)
+ */
+updateGrid_fn = function() {
+  __privateSet(this, _wrapper, this.shadowRoot.querySelector(".result-wrapper"));
+  __privateSet(this, _gridContainer, this.shadowRoot.querySelector("#grid-container"));
+  if (!__privateGet(this, _wrapper) || !__privateGet(this, _gridContainer)) return;
+  if (__privateGet(this, _data2).length === 0) {
+    nine$1.alert("일치하는 검색 결과가 없습니다.").rgb().shake();
+    return;
+  }
+  __privateGet(this, _wrapper).classList.remove("empty");
+  __privateGet(this, _gridContainer).innerHTML = "";
+  const keys = Object.keys(__privateGet(this, _data2)[0]);
+  const gridHtml = __privateMethod(this, _NineNaturalQueryResult_instances, generateGridHtml_fn).call(this, keys);
+  __privateGet(this, _gridContainer).innerHTML = gridHtml;
+  __privateMethod(this, _NineNaturalQueryResult_instances, bindGridData_fn).call(this);
+};
+/**
+ * nine-grid HTML 구조 생성 (Private)
+ */
+generateGridHtml_fn = function(keys) {
+  return `
+            <nine-grid 
+                caption="검색 결과" 
+                select-type="row"
+                show-title-bar="true"
+                show-menu-icon="true"
+                show-status-bar="true"
+                enable-fixed-col="true"
+                row-resizable="false"
+                col-movable="true"
+                >
+                <table>
+                    <colgroup>
+                        <col width="50" fixed="left" />
+                        ${keys.map(() => `<col width="150"/>`).join("")}
+                    </colgroup>
+                    <thead>
+                        <tr>
+                            <th>No.</th>
+                            ${keys.map((key) => `<th>${key.toUpperCase()}</th>`).join("")}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <th><ng-row-indicator/></th>
+                            ${keys.map((key) => `<td data-bind="${key}"></td>`).join("")}
+                        </tr>
+                    </tbody>
+                </table>
+            </nine-grid>
+        `;
+};
+/**
+ * ninegrid2 라이브러리 엔진 바인딩 (Private)
+ */
+bindGridData_fn = function() {
+  const newGrid = __privateGet(this, _gridContainer).querySelector("nine-grid");
+  const attemptBind = () => {
+    if (newGrid && newGrid.data) {
+      newGrid.data.source = __privateGet(this, _data2);
+    } else {
+      setTimeout(attemptBind, 10);
+    }
+  };
+  attemptBind();
+};
+/**
+ * 초기 렌더링 및 스타일 주입 (Private)
+ */
+/**
+ * 초기 렌더링 및 스타일 주입 (Private)
+ */
+render_fn4 = 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.404"}/dist/css/nine-mu.css";
+                ${customImport}
+            </style>
+            
+            <div class="result-wrapper empty">
+                <div id="grid-container"></div>
+                
+                <!-- 깔끔한 안내 영역 -->
+                <div id="no-result-container" class="no-result">
+                    <div class="main-message">Ready to Query with Nine AI</div>
+                    <div class="sub-message">
+                        검색창에 궁금한 데이터를 자연어로 입력해보세요.<br>
+                        AI가 즉시 분석하여 최적화된 데이타를 조회합니다.
+                    </div>
+                </div>
+            </div>
+        `;
+};
+if (!customElements.get("nine-natural-query-result")) {
+  customElements.define("nine-natural-query-result", NineNaturalQueryResult);
 }
 const ScreenContext = createContext();
 const useScreen = () => useContext(ScreenContext);
@@ -44770,7 +44895,7 @@ function NineHook({ children, menuData, views, error404, onCatch, fallback, styl
   );
 }
 const NineMu = {
-  version: "0.1.403",
+  version: "0.1.404",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }