섹션 레이아웃 및 템플릿 스타일 개선

src/app/editor/panels/PropertiesSidebar.tsx

@@ -16,12 +16,17 @@ import { FormControllerPanel } from "../forms/FormControllerPanel";
 interface PropertiesSidebarProps {
   blocks: Block[];
   selectedBlockId: string | null;
+  selectedListItemId: string | null;
   updateBlock: (id: string, partial: any) => void;
   removeBlock: (id: string) => void;
   duplicateBlock: (id: string) => void;
   // 텍스트 속성 패널에서 사용하는 인라인 편집 상태를 그대로 전달한다.
   editingBlockId: string | null;
   setEditingText: (value: string) => void;
+  onMoveSelectedItemUp: (blockId: string) => void;
+  onMoveSelectedItemDown: (blockId: string) => void;
+  onIndentSelectedItem: (blockId: string) => void;
+  onOutdentSelectedItem: (blockId: string) => void;
 }
 
 // 우측 속성 패널을 분리한 컴포넌트
@@ -29,11 +34,16 @@ export function PropertiesSidebar(props: PropertiesSidebarProps) {
   const {
     blocks,
     selectedBlockId,
+    selectedListItemId,
     updateBlock,
     removeBlock,
     duplicateBlock,
     editingBlockId,
     setEditingText,
+    onMoveSelectedItemUp,
+    onMoveSelectedItemDown,
+    onIndentSelectedItem,
+    onOutdentSelectedItem,
   } = props;
 
   return (
@@ -100,6 +110,7 @@ export function PropertiesSidebar(props: PropertiesSidebarProps) {
                 <ListPropertiesPanel
                   listProps={listProps}
                   selectedBlockId={selectedBlockId}
+                  selectedListItemId={selectedListItemId}
                   updateBlock={(id, partial) => updateBlock(id, partial as any)}
                 />
               );