Update app.py

app.py

@@ -497,10 +497,8 @@ def execute_unified_search(base_std, base_ver, base_cat, comp_std, comp_ver, com
 # ==========================================
 js_resizable = """
 function() {
-    console.log("🛠️ [Gradio 6 대응] 열 너비 조절 스크립트 가동 시작!");
+    console.log("🛠️ [최종 수정] 열 조절 이벤트 방어막 가동!");
 
-    // [핵심 1] Shadow DOM(그림자 돔) 관통 탐색기
-    // Gradio 6이 표를 꽁꽁 숨겨두어도 강제로 찾아냅니다.
     function findAllTables(root) {
         let tables = [];
         const elements = root.querySelectorAll('*');
@@ -522,11 +520,11 @@ function() {
         tables.forEach(table => {
             if (table.dataset.resizable === 'true') return;
             
+            // 표 전체의 제약을 풉니다
             table.style.tableLayout = 'fixed';
             table.style.width = 'max-content';
             table.style.minWidth = '100%';
             
-            // thead 안의 th 뿐만 아니라, 구조가 다를 경우를 대비해 첫 줄 모두 탐색
             const headers = table.querySelectorAll('thead th, tr:first-child th, tr:first-child td');
             
             headers.forEach(th => {
@@ -534,39 +532,43 @@ function() {
 
                 const resizer = document.createElement('div');
                 resizer.className = 'resizer';
-                
-                // [핵심 2] 외부 CSS가 먹히지 않을 것을 대비해 인라인 스타일로 디자인 강제 주입
-                resizer.style.width = '12px'; // 조금 더 두껍게 12px로 설정
+                resizer.style.width = '12px';
                 resizer.style.height = '100%';
                 resizer.style.position = 'absolute';
                 resizer.style.right = '0px';
                 resizer.style.top = '0px';
                 resizer.style.cursor = 'col-resize';
-                resizer.style.zIndex = '999999'; // 화면 최상단 강제 배치
-                resizer.style.backgroundColor = 'rgba(255, 0, 0, 0.6)'; // 확실하게 보이는 빨간색
+                resizer.style.zIndex = '999999';
+                resizer.style.backgroundColor = 'rgba(255, 0, 0, 0.6)'; 
                 
                 th.style.position = 'relative';
-                th.style.overflow = 'visible'; // 셀 밖으로 튀어나온 핸들이 보이도록 강제
+                th.style.overflow = 'visible';
                 th.appendChild(resizer);
 
                 let startX, startWidth;
 
                 function onMouseDown(e) {
+                    // [핵심 해결책] 브라우저의 텍스트 드래그나 다른 이벤트를 강제로 막습니다.
+                    e.preventDefault(); 
+                    e.stopPropagation();
+
                     startX = e.clientX || e.pageX;
                     startWidth = th.getBoundingClientRect().width;
+                    
                     document.addEventListener('mousemove', onMouseMove);
                     document.addEventListener('mouseup', onMouseUp);
                     
-                    resizer.style.backgroundColor = '#1a73e8'; // 클릭 시 파란색으로 변환
-                    document.body.style.userSelect = 'none'; 
-                    e.preventDefault();
+                    resizer.style.backgroundColor = '#1a73e8'; 
+                    document.body.style.cursor = 'col-resize'; // 마우스가 화면 어디있든 리사이즈 커서 유지
                 }
 
                 function onMouseMove(e) {
+                    // [핵심 해결책] 이벤트를 계속 붙잡아 둡니다.
+                    e.preventDefault();
+
                     const currentX = e.clientX || e.pageX;
-                    const width = Math.max(50, startWidth + (currentX - startX));
+                    const width = Math.max(30, startWidth + (currentX - startX));
                     
-                    // 너비 3중 강제 할당
                     th.style.width = width + 'px';
                     th.style.minWidth = width + 'px';
                     th.style.maxWidth = width + 'px';
@@ -575,18 +577,18 @@ function() {
                 function onMouseUp() {
                     document.removeEventListener('mousemove', onMouseMove);
                     document.removeEventListener('mouseup', onMouseUp);
+                    
                     resizer.style.backgroundColor = 'rgba(255, 0, 0, 0.6)'; 
-                    document.body.style.userSelect = '';
+                    document.body.style.cursor = ''; // 커서 원상복구
                 }
 
                 resizer.addEventListener('mousedown', onMouseDown);
             });
+            
             table.dataset.resizable = 'true';
-            console.log("✅ 표에 마우스 조절 핸들 부착 완료!");
         });
     };
 
-    // 표가 화면에 렌더링될 때까지 0.2초마다 탐색 (최대 10초간 시도)
     let attempts = 0;
     const interval = setInterval(() => {
         attachResizers();
@@ -594,7 +596,7 @@ function() {
         if (attempts > 50) clearInterval(interval);
     }, 200);
 
-    return []; // 에러 방지용 리턴
+    return []; 
 }
 """