분할패널 상단헤더 크기 조정기능

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

@@ -602,6 +602,19 @@ export const SplitPanelLayoutConfigPanel: React.FC<SplitPanelLayoutConfigPanelPr
           />
         </div>
 
+        <div className="space-y-2">
+          <Label>헤더 높이 (px)</Label>
+          <Input
+            type="number"
+            value={config.leftPanel?.panelHeaderHeight || 48}
+            onChange={(e) => updateLeftPanel({ panelHeaderHeight: parseInt(e.target.value) || 48 })}
+            placeholder="48"
+            min={32}
+            max={120}
+          />
+          <p className="text-xs text-muted-foreground">패널 상단 헤더의 높이 (기본: 48px)</p>
+        </div>
+
         <div className="space-y-2">
           <Label>테이블 (현재 화면 고정)</Label>
           <div className="rounded-lg border border-gray-200 bg-gray-50 p-3">
@@ -1486,6 +1499,19 @@ export const SplitPanelLayoutConfigPanel: React.FC<SplitPanelLayoutConfigPanelPr
           />
         </div>
 
+        <div className="space-y-2">
+          <Label>헤더 높이 (px)</Label>
+          <Input
+            type="number"
+            value={config.rightPanel?.panelHeaderHeight || 48}
+            onChange={(e) => updateRightPanel({ panelHeaderHeight: parseInt(e.target.value) || 48 })}
+            placeholder="48"
+            min={32}
+            max={120}
+          />
+          <p className="text-xs text-muted-foreground">패널 상단 헤더의 높이 (기본: 48px)</p>
+        </div>
+
         {/* 관계 타입에 따라 테이블 선택 UI 변경 */}
         {relationshipType === "detail" ? (
           // 상세 모드: 좌측과 동일한 테이블 (자동 설정)