@nine-lab/nine-mu 0.1.370 → 0.1.372

package/package.json

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

package/src/components/hook/NineHook.js

@@ -142,16 +142,15 @@ class NineExceptionHook extends React.Component {
 	}
 }
 
-// ==========================================
-// 🎯 3. 핵심: 사용자가 한 줄로 쓰게 만들 통합 마스터 엔진
-// ==========================================
 export function NineHook({ children, onCatch, fallback, styles, containerStyle }) {
+	// 사용자는 무조건 이거 하나만 쓰면 끝!
+	// 내부적으로 상태(ScreenProvider)를 먼저 주입하고, 그 안에서 에러(NineExceptionHook)가 자식들을 감싸안아 보호합니다.
 	return React.createElement(
-		NineExceptionHook, // ⭐ 1. 에러 바운더리가 최상위에서 철저하게 전체를 감쌉니다.
-		{ onCatch, fallback, styles, containerStyle },
+		ScreenProvider,
+		null,
 		React.createElement(
-			ScreenProvider, // ⭐ 2. 상태 공급자는 에러 바운더리 안전망 안쪽에서 실행됩니다.
-			null,
+			NineExceptionHook,
+			{ onCatch, fallback, styles, containerStyle },
 			children
 		)
 	);

package/src/index.js

@@ -4,7 +4,7 @@ import { NineDiff } from './components/NineDiff.js';
 import { NineDiffPopup } from './components/NineDiffPopup.js';
 import { NineMenuDiffPopup } from './components/NineMenuDiffPopup.js';
 import './components/ChatMessage.js';
-import { NineHook } from './components/hook/NineHook.js';
+import { NineHook, useScreen } from './components/hook/NineHook.js';
 
 /**
  * Nine-Mu 엔진 메인 클래스
@@ -20,4 +20,4 @@ export const NineMu = {
 
 // 기본 export 및 컴포넌트 export
 export default NineMu;
-export { NineChat, NineDiff, NineDiffPopup, NineHook };
+export { NineChat, NineDiff, NineDiffPopup, NineHook, useScreen };