update: organize editor controls panel

src/pages/editor/page.tsx

@@ -31,6 +31,7 @@ export function EditorPage(): React.JSX.Element {
   const [transformMode, setTransformMode] =
     useState<TransformMode>("translate");
   const [isPlayerMode, setIsPlayerMode] = useState(false);
+  const [isSelectionLocked, setIsSelectionLocked] = useState(false);
   const [cinematicPreviewRequest, setCinematicPreviewRequest] =
     useState<EditorCinematicPreviewRequest | null>(null);
 
@@ -47,6 +48,14 @@ export function EditorPage(): React.JSX.Element {
     setSelectedNodeIndex(index);
   }, []);
 
+  const handleClearSelection = useCallback(() => {
+    setSelectedNodeIndex(null);
+  }, []);
+
+  const handleSelectionLockToggle = useCallback(() => {
+    setIsSelectionLocked((locked) => !locked);
+  }, []);
+
   const handleHoverNode = useCallback((index: number | null) => {
     setHoveredNodeIndex(index);
   }, []);
@@ -180,6 +189,7 @@ export function EditorPage(): React.JSX.Element {
           sceneData={sceneData!}
           selectedNodeIndex={selectedNodeIndex}
           onSelectNode={handleSelectNode}
+          isSelectionLocked={isSelectionLocked}
           hoveredNodeIndex={hoveredNodeIndex}
           onHoverNode={handleHoverNode}
           transformMode={transformMode}
@@ -207,6 +217,9 @@ export function EditorPage(): React.JSX.Element {
               ? sceneData.mapNodes[selectedNodeIndex].name || null
               : null
           }
+          isSelectionLocked={isSelectionLocked}
+          onSelectionLockToggle={handleSelectionLockToggle}
+          onClearSelection={handleClearSelection}
           undoCount={undoCount}
           redoCount={redoCount}
           onUndo={handleUndo}