16:I[54961,["/_next/static/immutable/chunks/23kzrxojb_1p2.js","/_next/static/immutable/chunks/39h58d1utebdp.js","/_next/static/immutable/chunks/2nrtc1lb04fz1.js","/_next/static/immutable/chunks/21y0r7k6jovn5.js","/_next/static/immutable/chunks/31l88bjo9blmv.js","/_next/static/immutable/chunks/2z8nc0r40hilq.js","/_next/static/immutable/chunks/27fhzxv1uvtm8.js"],"default"] 17:T771,'use client'; import { useGenerativeScene } from './generative-scene'; import { createOpalineScene, opalineColors, type OpalinePalette, } from './opaline-scene'; export type OpalineOrbProps = { layerCount?: number; ringDensity?: number; morphSpeed?: number; morphIntensity?: number; colorPalette?: Partial; interactive?: boolean; listening?: boolean; paused?: boolean; compact?: boolean; className?: string; }; export default function OpalineOrb({ layerCount = 4, ringDensity = 38, morphSpeed = 1, morphIntensity = 1, colorPalette, interactive = true, listening = false, paused = false, compact = false, className = '', }: OpalineOrbProps) { const { host, canvas, failed } = useGenerativeScene( createOpalineScene, { layerCount, ringDensity, morphSpeed, morphIntensity, colorPalette: { ...opalineColors, ...colorPalette }, interactive, listening, paused, }, compact, ); return (