feat: Add selectedWallAsset and selectedFloorAsset state management; implement corresponding setters in useBuilderStore

app/src/modules/scene/postProcessing/postProcessing.tsx

@@ -15,7 +15,7 @@ export default function PostProcessing() {
     const { selectedWallItem } = useSelectedWallItem();
     const { selectedFloorItem } = useSelectedFloorItem();
     const { selectedEventSphere } = useSelectedEventSphere();
-    const { selectedAisle, selectedWall, selectedDecal, selectedFloor } = useBuilderStore();
+    const { selectedAisle, selectedWall, selectedDecal, selectedFloor, selectedWallAsset } = useBuilderStore();
 
     function flattenChildren(children: any[]) {
         const allChildren: any[] = [];
@@ -48,6 +48,10 @@ export default function PostProcessing() {
         // console.log('selectedFloor: ', selectedFloor);
     }, [selectedFloor])
 
+    useEffect(() => {
+        // console.log('selectedWallAsset: ', selectedWallAsset);
+    }, [selectedWallAsset])
+
     return (
         <EffectComposer autoClear={false}>
             <N8AO
@@ -59,6 +63,21 @@ export default function PostProcessing() {
                 denoiseRadius={6}
                 denoiseSamples={16}
             />
+            {selectedWallAsset && (
+                <Outline
+                    selection={flattenChildren(selectedWallAsset.children)}
+                    selectionLayer={10}
+                    width={2000}
+                    blendFunction={BlendFunction.ALPHA}
+                    edgeStrength={5}
+                    resolutionScale={2}
+                    pulseSpeed={0}
+                    visibleEdgeColor={CONSTANTS.outlineConfig.assetSelectColor}
+                    hiddenEdgeColor={CONSTANTS.outlineConfig.assetSelectColor}
+                    blur={true}
+                    xRay={true}
+                />
+            )}
             {selectedAisle && (
                 <Outline
                     selection={flattenChildren(selectedAisle.children)}