"use client"; import React, { useRef, useState } from "react"; import { motion, useMotionValue, useSpring, useTransform } from "framer-motion"; import { Box, Sparkles, Wand2, Loader2 } from "lucide-react"; export default function Floating3DAssetEmptyState() { const containerRef = useRef(null); const [isSynthesizing, setIsSynthesizing] = useState(false); const mouseX = useMotionValue(0); const mouseY = useMotionValue(0); const springConfig = { damping: 25, stiffness: 150 }; const smoothMouseX = useSpring(mouseX, springConfig); const smoothMouseY = useSpring(mouseY, springConfig); const rotateY = useTransform(smoothMouseX, [-0.5, 0.5], [-35, 35]); const rotateX = useTransform(smoothMouseY, [-0.5, 0.5], [35, -35]); const shadowX = useTransform(smoothMouseX, [-0.5, 0.5], [40, -40]); const shadowY = useTransform(smoothMouseY, [-0.5, 0.5], [40, -40]); const shadowScale = useTransform(smoothMouseY, [-0.5, 0.5], [0.8, 1.2]); const handleMouseMove = (e: React.MouseEvent) => { if (!containerRef.current || isSynthesizing) return; const rect = containerRef.current.getBoundingClientRect(); const x = (e.clientX - rect.left) / rect.width - 0.5; const y = (e.clientY - rect.top) / rect.height - 0.5; mouseX.set(x); mouseY.set(y); }; const handleMouseLeave = () => { if (isSynthesizing) return; mouseX.set(0); mouseY.set(0); }; const handleSynthesize = () => { setIsSynthesizing(true); mouseX.set(0); mouseY.set(0); setTimeout(() => { setIsSynthesizing(false); }, 3000); }; const cubeSize = 120; // px const halfSize = cubeSize / 2; const faces = [ { transform: `translateZ(${halfSize}px)`, name: "front" }, { transform: `rotateY(180deg) translateZ(${halfSize}px)`, name: "back" }, { transform: `rotateY(90deg) translateZ(${halfSize}px)`, name: "right" }, { transform: `rotateY(-90deg) translateZ(${halfSize}px)`, name: "left" }, { transform: `rotateX(90deg) translateZ(${halfSize}px)`, name: "top" }, { transform: `rotateX(-90deg) translateZ(${halfSize}px)`, name: "bottom" }, ]; return (

{/* Background Radial Gradient */}

{isSynthesizing ? ( ) : ( )}

{faces.map((face, idx) => (

))}

Asset Vault Empty

No 3D Models Found

The spatial repository is currently unpopulated. Synthesize a new primitive or upload a model to begin the rendering pipeline.

); }