@nine-lab/nine-mu 0.1.353 → 0.1.355

package/package.json

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

package/src/components/exception/ExceptionHook.js

@@ -1,63 +1,67 @@
 import React from 'react';
 
 // ==========================================
-// 1. 터미널 프롬프트 테마 스타일 (줄간격 및 마진 정밀 교정)
+// 1. 터미널 프롬프트 테마 스타일 (색상 및 행간 정밀 리튠)
 // ==========================================
 export const NineExceptionStyles = {
 	container: {
 		padding: '25px',
 		margin: '20px',
 		background: '#121314',              // 터미널 다크 블랙 배경
-		border: '1px solid #343A40',        // 외곽 메탈릭 테두리
+		border: '1px solid #343A40',        // 외곽 테두리
 		borderRadius: '6px',
 		fontFamily: 'Consolas, Monaco, "Courier New", monospace',
 		textAlign: 'left',
 		boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
-		lineHeight: '1.2'                   // ⭐ 줄간격을 터미널처럼 촘촘하게 제어
+		lineHeight: '1'                     // 부모 라인 높이 통일
 	},
 	systemError: {
-		color: '#E53E3E',                   // 터미널 레드 Warning
+		color: 'red',                       // [SYSTEM] 강렬한 레드 유지
 		fontWeight: 'bold',
 		fontSize: '14px',
-		margin: '0 0 8px 0',                // 하단 마진 축소
-		letterSpacing: '0.5px'
+		margin: '0 0 12px 0',               // 정확히 하단 여백 12px
+		letterSpacing: '0.5px',
+		padding: '0',
+		lineHeight: '1'                     // 줄간 격차 원천 차단
 	},
 	pre: {
 		background: 'transparent',
 		color: '#F8F9FA',
 		padding: '0',
-		margin: '0 0 12px 0',               // 하단 마진 축소하여 다음 라인과 밀착
+		margin: '0 0 12px 0',               // 정확히 하단 여백 12px
 		border: 'none',
 		overflowX: 'auto',
 		whiteSpace: 'pre-wrap',
 		fontFamily: 'Consolas, Monaco, monospace',
-		fontSize: '14px'
+		fontSize: '14px',
+		lineHeight: '1'                     // 줄간 격차 원천 차단
 	},
 	footer: {
 		fontSize: '14px',
-		color: '#E2E8F0',
-		margin: '0',                        // 불필요한 공백 제거
+		color: '#999',                      // ⭐ 전체 기본 텍스트 톤을 #999로 변경
+		margin: '0',
+		padding: '0',
 		display: 'flex',
 		flexDirection: 'column',
-		gap: '6px'
+		gap: '12px'                         // 하단 상태 로그 적재 시 간격 12px
 	},
 	promptRow: {
-		display: 'block',                   // 자연스러운 텍스트 흐름을 위해 block 처리
-		margin: '0'
+		margin: '0',
+		padding: '0',
+		display: 'block',
+		lineHeight: '1',                    // 줄간 격차 원천 차단
+		color: '#999'                       // ⭐ 괄호 및 텍스트 전체 #999 적용
 	},
-	// ⭐ y 글자에 직접 바인딩할 터미널 링크 스타일
 	cliLink: {
-		background: 'transparent',
-		color: '#38A169',                   // 터미널 그린
-		border: 'none',
-		padding: '0 2px',
+		color: '#38A169',                   // 선택 수단 y는 터미널 그린 유지
+		padding: '0',
 		fontFamily: 'Consolas, Monaco, monospace',
 		fontSize: '14px',
 		fontWeight: 'bold',
 		cursor: 'pointer',
 		textDecoration: 'underline',
-		textUnderlineOffset: '2px',
-		display: 'inline'
+		textUnderlineOffset: '3px',
+		lineHeight: '1'
 	}
 };
 
@@ -109,7 +113,7 @@ export class NineExceptionHook extends React.Component {
 
 	handleLocationChange() {
 		setTimeout(() => {
-			if (this.state.hasError && this.lastPath !== window.location.pathname) {
+			if (this.state.hasError && this.state.reportStatus !== 'idle') {
 				console.log("[Nine-Library] 페이지 주소 변경 감지 -> 에러 상태 초기화");
 				this.lastPath = window.location.pathname;
 				this.setState({ hasError: false, error: null, reportStatus: 'idle' });
@@ -155,20 +159,20 @@ export class NineExceptionHook extends React.Component {
 					'[SYSTEM] COMPONENT RENDER ERROR DETECTED'
 				),
 
-				// 2. 에러 내용 (하단 마진을 줄여 다음 줄과 간격을 맞춤)
+				// 2. 에러 내용
 				React.createElement('pre', { style: { ...NineExceptionStyles.pre, ...customStyles.pre } }, errorMessage),
 
-				// 3. CLI 프롬프트 및 링크 영역
+				// 3. CLI 프롬프트 영역
 				React.createElement(
 					'div',
 					{ style: { ...NineExceptionStyles.footer, ...customStyles.footer } },
 
 					this.state.reportStatus === 'idle' && React.createElement(
 						'div',
-						{ style: NineExceptionStyles.promptRow },
+						{ style: { ...NineExceptionStyles.promptRow, ...customStyles.promptRow } },
 						React.createElement('span', null, 'Send error log to Control Tower ('),
 						React.createElement(
-							'button',
+							'span',
 							{
 								style: { ...NineExceptionStyles.cliLink, ...customStyles.cliLink },
 								onClick: this.handleReport
@@ -180,15 +184,15 @@ export class NineExceptionHook extends React.Component {
 
 					this.state.reportStatus === 'sending' && React.createElement(
 						'div',
-						{ style: { color: '#ED8936' } },
+						{ style: { color: '#ED8936', margin: '0', lineHeight: '1' } },
 						'>> Connecting to Control Tower... Sending payload.'
 					),
 
 					this.state.reportStatus === 'success' && React.createElement(
 						'div',
-						{ style: { display: 'flex', flexDirection: 'column', gap: '4px' } },
-						React.createElement('div', { style: { color: '#38A169', fontWeight: 'bold' } }, '>> Transmit complete. Core engine initialized.'),
-						React.createElement('div', { style: { color: '#A0AEC0', fontStyle: 'italic', fontSize: '13px' } }, 'AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...')
+						{ style: { display: 'flex', flexDirection: 'column', gap: '12px', margin: '0' } },
+						React.createElement('div', { style: { color: '#38A169', fontWeight: 'bold', lineHeight: '1' } }, '>> Transmit complete. Core engine initialized.'),
+						React.createElement('div', { style: { color: '#A0AEC0', fontStyle: 'italic', fontSize: '13px', lineHeight: '1' } }, 'AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...')
 					)
 				)
 			);