반응형 및 테이블 리스트 컴포넌트 오류 수정

frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx

@@ -55,9 +55,9 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
   // 컴포넌트 스타일
   const componentStyle: React.CSSProperties = isPreview
     ? {
-        // 반응형 모드: position relative, width/height 100%
+        // 반응형 모드: position relative, 그리드 컨테이너가 제공하는 크기 사용
         position: "relative",
-        width: "100%",
+        // width 제거 - 그리드 컬럼이 결정
         height: `${component.style?.height || 600}px`,
         border: "1px solid #e5e7eb",
       }
@@ -257,19 +257,27 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
   return (
     <div
       ref={containerRef}
-      style={componentStyle}
+      style={
+        isPreview
+          ? {
+              position: "relative",
+              height: `${component.style?.height || 600}px`,
+              border: "1px solid #e5e7eb",
+            }
+          : componentStyle
+      }
       onClick={(e) => {
         if (isDesignMode) {
           e.stopPropagation();
           onClick?.(e);
         }
       }}
-      className="flex overflow-hidden rounded-lg bg-white shadow-sm"
+      className={`flex overflow-hidden rounded-lg bg-white shadow-sm ${isPreview ? "w-full" : ""}`}
     >
       {/* 좌측 패널 */}
       <div
-        style={{ width: `${leftWidth}%`, minWidth: `${minLeftWidth}px` }}
-        className="flex flex-col border-r border-gray-200"
+        style={{ width: `${leftWidth}%`, minWidth: isPreview ? "0" : `${minLeftWidth}px` }}
+        className="flex flex-shrink-0 flex-col border-r border-gray-200"
       >
         <Card className="flex h-full flex-col border-0 shadow-none">
           <CardHeader className="border-b border-gray-100 pb-3">
@@ -404,7 +412,10 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
       )}
 
       {/* 우측 패널 */}
-      <div style={{ width: `${100 - leftWidth}%`, minWidth: `${minRightWidth}px` }} className="flex flex-col">
+      <div
+        style={{ width: `${100 - leftWidth}%`, minWidth: isPreview ? "0" : `${minRightWidth}px` }}
+        className="flex flex-shrink-0 flex-col"
+      >
         <Card className="flex h-full flex-col border-0 shadow-none">
           <CardHeader className="border-b border-gray-100 pb-3">
             <div className="flex items-center justify-between">