@nine-lab/nine-mu 0.1.377 → 0.1.379

package/dist/nine-mu.js

@@ -17539,7 +17539,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.376"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.378"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43789,7 +43789,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.376"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.378"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43929,7 +43929,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.376"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.378"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44038,7 +44038,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.376"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.378"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44368,7 +44368,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.376"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.378"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44481,9 +44481,19 @@ const ScreenProvider = ({ children }) => {
     children
   );
 };
-const createDynamicRoutes = (menuData, projectViews) => {
+const Default404 = () => {
+  return React.createElement(
+    "div",
+    { style: { padding: "25px", background: "#121314", color: "#666", fontFamily: "Consolas, Monaco, monospace", fontSize: "14px", minHeight: "100%", flexGrow: 1 } },
+    "[SYSTEM] 404 - COMMAND OR COMPONENT NOT FOUND"
+  );
+};
+const createDynamicRoutes = (menuData, projectViews, Custom404) => {
   const lazyLoad = (viewPath) => {
     const importer = projectViews[viewPath];
+    if (!importer) {
+      return Custom404 ? Custom404 : Default404;
+    }
     return lazy(() => importer());
   };
   const dynamicRoutes = [
@@ -44513,6 +44523,7 @@ const createDynamicRoutes = (menuData, projectViews) => {
       }
     });
   }
+  dynamicRoutes.push({ path: "*", Component: Custom404 ? Custom404 : Default404 });
   return dynamicRoutes;
 };
 const NineExceptionStyles = {
@@ -44641,15 +44652,14 @@ class NineExceptionHook extends React.Component {
     return this.props.children;
   }
 }
-function NineHook({ menuData, views, onCatch, fallback, styles, containerStyle }) {
-  const dynamicRoutes = createDynamicRoutes(menuData, views);
+function NineHook({ menuData, views, error404, onCatch, fallback, styles, containerStyle }) {
+  const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
   return React.createElement(
     ScreenProvider,
     null,
     React.createElement(
       NineExceptionHook,
       { onCatch, fallback, styles, containerStyle },
-      // 💡 Suspense 로딩도 라이브러리가 책임지고 터미널 감성으로 처리
       React.createElement(
         Suspense,
         { fallback: React.createElement("div", { style: { padding: "25px", color: "#666", fontFamily: "monospace" } }, ">> Loading component matrix...") },
@@ -44669,7 +44679,7 @@ function NineHook({ menuData, views, onCatch, fallback, styles, containerStyle }
   );
 }
 const NineMu = {
-  version: "0.1.376",
+  version: "0.1.378",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }