Refactor aisle API services: remove createAisleApi, update deleteAisleApi to include versionId, and modify wall asset APIs for consistency in endpoint naming. Enhance floor and wall store functionality with new setters and methods for managing floors and walls, including decal handling. Introduce FloorInstance and FloorInstances components for rendering floor data, and implement FloorCreator for interactive floor creation. Add reference floor visualization with snapping capabilities. Update wall API services for improved error handling and response management.

app/src/store/builder/useBuilderStore.ts

@@ -16,6 +16,14 @@ interface BuilderState {
     outsideMaterial: string;
     insideMaterial: string;
 
+    // Floor Settings
+    selectedFloor: Object3D | null;
+    floorDepth: number;
+    isBeveled: boolean;
+    bevelStrength: number;
+    sideMaterial: string;
+    topMaterial: string;
+
     // Decal Settings
     selectedDecal: Object3D | null;
 
@@ -44,6 +52,13 @@ interface BuilderState {
     setWallHeight: (height: number) => void;
     setWallMaterial: (material: string, side: 'inside' | 'outside') => void;
 
+    // Setters - Floor
+    setSelectedFloor: (floor: Object3D | null) => void;
+    setFloorDepth: (depth: number) => void;
+    setBeveled: (isBeveled: boolean) => void;
+    setBevelStrength: (strength: number) => void;
+    setFloorMaterial: (material: string, side: 'side' | 'top') => void;
+
     // Setters - Decal
     setSelectedDecal: (decal: Object3D | null) => void;
 
@@ -81,6 +96,13 @@ export const useBuilderStore = create<BuilderState>()(
         outsideMaterial: 'Default Material',
         insideMaterial: 'Material 1',
 
+        selectedFloor: null,
+        floorDepth: 0.3,
+        isBeveled: false,
+        bevelStrength: 0.05,
+        sideMaterial: 'Default Side',
+        topMaterial: 'Default Top',
+
         selectedDecal: null,
 
         selectedAisle: null,
@@ -147,6 +169,38 @@ export const useBuilderStore = create<BuilderState>()(
             });
         },
 
+        // === Setters: Floor ===
+        setSelectedFloor: (floor: Object3D | null) => {
+            set((state) => {
+                state.selectedFloor = floor;
+            });
+        },
+
+        setFloorDepth: (depth: number) => {
+            set((state) => {
+                state.floorDepth = depth;
+            });
+        },
+
+        setBeveled: (isBeveled: boolean) => {
+            set((state) => {
+                state.isBeveled = isBeveled;
+            });
+        },
+
+        setBevelStrength: (strength: number) => {
+            set((state) => {
+                state.bevelStrength = strength;
+            });
+        },
+
+        setFloorMaterial: (material: string, side: 'side' | 'top') => {
+            set((state) => {
+                if (side === 'side') state.sideMaterial = material;
+                else state.topMaterial = material;
+            });
+        },
+
         // === Setters: Decal ===
 
         setSelectedDecal: (decal: Object3D | null) => {