@nine-lab/nine-mu 0.1.352 → 0.1.354

package/package.json

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

package/src/components/exception/ExceptionHook.js

@@ -1,33 +1,33 @@
 import React from 'react';
 
 // ==========================================
-// 1. 순수 리눅스 터미널 CLI 스타일 (박스 테두리 제거)
+// 1. 터미널 프롬프트 테마 스타일 (픽셀 단위 정밀 제어)
 // ==========================================
 export const NineExceptionStyles = {
 	container: {
-		padding: '30px',
+		padding: '25px',
 		margin: '20px',
 		background: '#121314',              // 터미널 다크 블랙 배경
-		border: '1px solid #343A40',        // 외곽 메탈릭 테두리만 유지
+		border: '1px solid #343A40',        // 외곽 테두리
 		borderRadius: '6px',
-		fontFamily: 'Consolas, Monaco, "Courier New", monospace', // 완벽한 고정폭 서체
+		fontFamily: 'Consolas, Monaco, "Courier New", monospace',
 		textAlign: 'left',
 		boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
-		lineHeight: '1.6'
+		lineHeight: '1.2'                   // 기본 줄높이를 고정하여 서체 왜곡 방지
 	},
 	systemError: {
-		color: '#E53E3E',                   // 강렬한 터미널 레드 Warning
+		color: '#E53E3E',                   // 터미널 레드 Warning
 		fontWeight: 'bold',
 		fontSize: '14px',
-		margin: '0 0 10px 0',
-		letterSpacing: '0.5px'
+		margin: '0 0 12px 0',               // ⭐ 첫 번째 줄 아래 여백 (12px)
+		letterSpacing: '0.5px',
+		padding: '0'
 	},
-	// 내부 테두리 박스를 완전히 제거하고 순수 텍스트만 출력되도록 수정
 	pre: {
 		background: 'transparent',
 		color: '#F8F9FA',
 		padding: '0',
-		margin: '0 0 20px 0',
+		margin: '0 0 12px 0',               // ⭐ 브라우저 기본 마진을 지우고 정확히 하단 여백 12px 강제
 		border: 'none',
 		overflowX: 'auto',
 		whiteSpace: 'pre-wrap',
@@ -37,20 +37,19 @@ export const NineExceptionStyles = {
 	footer: {
 		fontSize: '14px',
 		color: '#E2E8F0',
+		margin: '0',
+		padding: '0',
 		display: 'flex',
 		flexDirection: 'column',
-		gap: '8px'
+		gap: '12px'                         // ⭐ 상태 메시지들 간의 간격도 12px로 통일
 	},
 	promptRow: {
-		display: 'flex',
-		alignItems: 'center',
-		gap: '10px'
+		margin: '0',
+		padding: '0',
+		display: 'block'
 	},
-	// 버튼을 없애고 터미널 선택지 [Y/n] 스타일의 상호작용 요소로 변경
-	cliButton: {
-		background: 'transparent',
-		color: '#38A169',                   // 터미널 그린 포인트
-		border: 'none',
+	cliLink: {
+		color: '#38A169',                   // 터미널 그린
 		padding: '0',
 		fontFamily: 'Consolas, Monaco, monospace',
 		fontSize: '14px',
@@ -62,7 +61,7 @@ export const NineExceptionStyles = {
 };
 
 // ==========================================
-// 2. 컴포넌트 본문 (키보드 이벤트 내장)
+// 2. 컴포넌트 본문
 // ==========================================
 export class NineExceptionHook extends React.Component {
 
@@ -89,7 +88,7 @@ export class NineExceptionHook extends React.Component {
 	componentDidMount() {
 		window.addEventListener('popstate', this.handleLocationChange);
 		document.addEventListener('click', this.handleLocationChange, true);
-		window.addEventListener('keydown', this.handleKeyDown); // ⌨️ 키보드 훅 등록
+		window.addEventListener('keydown', this.handleKeyDown);
 	}
 
 	componentWillUnmount() {
@@ -98,7 +97,6 @@ export class NineExceptionHook extends React.Component {
 		window.removeEventListener('keydown', this.handleKeyDown);
 	}
 
-	// 실제 사용자가 키보드로 'Y' 또는 'y'를 누르면 마우스 클릭과 동일하게 관제탑 전송 실행
 	handleKeyDown(e) {
 		if (this.state.hasError && this.state.reportStatus === 'idle') {
 			if (e.key === 'y' || e.key === 'Y') {
@@ -149,17 +147,17 @@ export class NineExceptionHook extends React.Component {
 					style: { ...NineExceptionStyles.container, ...customStyles.container, ...this.props.containerStyle }
 				},
 
-				// 1. 에러 감지 시스템 로그 (레드)
+				// 1. 에러 감지 로그
 				React.createElement(
 					'div',
 					{ style: { ...NineExceptionStyles.systemError, ...customStyles.systemError } },
 					'[SYSTEM] COMPONENT RENDER ERROR DETECTED'
 				),
 
-				// 2. 에러 상세 원인 (박스 없는 순수 텍스트 출력)
+				// 2. 에러 내용
 				React.createElement('pre', { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
 
-				// 3. CLI 양방향 인터페이스 (y/n 프롬프트)
+				// 3. CLI 프롬프트 영역
 				React.createElement(
 					'div',
 					{ style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
@@ -167,26 +165,27 @@ export class NineExceptionHook extends React.Component {
 					this.state.reportStatus === 'idle' && React.createElement(
 						'div',
 						{ style: NineExceptionStyles.promptRow },
-						React.createElement('span', null, 'Send error log to Control Tower (y/n)? '),
+						React.createElement('span', null, 'Send error log to Control Tower ('),
 						React.createElement(
-							'button',
+							'span',
 							{
-								style: { ...NineExceptionStyles.cliButton, ...customStyles.cliButton },
+								style: { ...NineExceptionStyles.cliLink, ...customStyles.cliLink },
 								onClick: this.handleReport
 							},
-							'[Y]'
-						)
+							'y'
+						),
+						React.createElement('span', null, '/n)?')
 					),
 
 					this.state.reportStatus === 'sending' && React.createElement(
 						'div',
-						{ style: { color: '#ED8936' } },
+						{ style: { color: '#ED8936', margin: '0' } },
 						'>> Connecting to Control Tower... Sending payload.'
 					),
 
 					this.state.reportStatus === 'success' && React.createElement(
 						'div',
-						{ style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
+						{ style: { display: 'flex', flexDirection: 'column', gap: '12px', margin: '0' } },
 						React.createElement('div', { style: { color: '#38A169', fontWeight: 'bold' } }, '>> Transmit complete. Core engine initialized.'),
 						React.createElement('div', { style: { color: '#A0AEC0', fontStyle: 'italic', fontSize: '13px' } }, 'AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...')
 					)