ui, 외부커넥션에서 쿼리 조회만 가능하도록

frontend/components/screen/ScreenDesigner.tsx

@@ -3437,7 +3437,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         >
           <div
             ref={canvasRef}
-            className="relative h-full w-full overflow-visible bg-white" // overflow-visible로 변경
+            className="relative h-full w-full overflow-auto bg-gradient-to-br from-slate-50/30 to-gray-100/20" // 미묘한 그라데이션 배경
             onClick={(e) => {
               if (e.target === e.currentTarget && !selectionDrag.wasSelecting) {
                 setSelectedComponent(null);
@@ -3502,7 +3502,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                         opacity: 0.8,
                         transform: "scale(1.02)",
                         transition: "none",
-                        zIndex: 9999,
+                        zIndex: 50,
                       },
                     };
                   } else {
@@ -3525,7 +3525,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                           ...component.style,
                           opacity: 0.8,
                           transition: "none",
-                          zIndex: 8888, // 주 컴포넌트보다 약간 낮게
+                          zIndex: 40, // 주 컴포넌트보다 약간 낮게
                         },
                       };
                     }
@@ -3610,7 +3610,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                                   opacity: 0.8,
                                   transform: "scale(1.02)",
                                   transition: "none",
-                                  zIndex: 9999,
+                                  zIndex: 50,
                                 },
                               };
                             } else {