{"id":3744,"date":"2025-02-23T22:32:15","date_gmt":"2025-02-23T22:32:15","guid":{"rendered":"https:\/\/beta.moonabbe.click\/?page_id=3744"},"modified":"2025-03-27T12:01:28","modified_gmt":"2025-03-27T12:01:28","slug":"chat-1","status":"publish","type":"page","link":"https:\/\/app.catrobotic.ai\/tl\/chat-1\/","title":{"rendered":"chat-1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3744\" class=\"elementor elementor-3744\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbc3be elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"8bbc3be\" data-element_type=\"container\" id=\"mainapp-main-container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_privacy_mode&quot;:&quot;yes&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/app.catrobotic.ai\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/0301-1.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-52d4d48 e-con-full e-flex e-con e-child\" data-id=\"52d4d48\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-35d8cf0 e-con-full right e-flex e-con e-child\" data-id=\"35d8cf0\" data-element_type=\"container\" id=\"miniapp-main-body-container\">\n\t\t<div class=\"elementor-element elementor-element-24c8ead e-con-full e-flex e-con e-child\" data-id=\"24c8ead\" data-element_type=\"container\" id=\"miniapp-mbtn-r\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7072b34 e-con-full e-flex e-con e-child\" data-id=\"7072b34\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a20494c e-con-full e-flex e-con e-child\" data-id=\"a20494c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e414112 e-con-full e-flex e-con e-child\" data-id=\"e414112\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8ea461d e-con-full e-flex e-con e-child\" data-id=\"8ea461d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01831bd elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"01831bd\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-robot\" viewbox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87cd6a9 elementor-widget elementor-widget-heading\" data-id=\"87cd6a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CAT AI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ceb235 e-con-full e-flex e-con e-child\" data-id=\"7ceb235\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1cde60 elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"a1cde60\" data-element_type=\"widget\" id=\"miniapp-menubtn\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be8681c elementor-absolute elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"be8681c\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/app.catrobotic.ai\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/rotate.json&quot;,&quot;id&quot;:2116,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.2,&quot;sizes&quot;:[]},&quot;lazyload&quot;:&quot;yes&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20b5dce e-con-full e-flex e-con e-child\" data-id=\"20b5dce\" data-element_type=\"container\" id=\"miniapp-content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4715917 elementor-widget elementor-widget-shortcode\" data-id=\"4715917\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"bot-main-container\">\r\n    <div id=\"realtime-chat\">\r\n        <audio id=\"remote-audio\" controls hidden style=\"display: block; height:0px; width: 0px; text-align: center;\"><\/audio>\r\n        <div>\r\n            <div class=\"time-display\" style=\"color:#fff; text-align: center;\">\r\n                <div>Natitirang Oras: <span id=\"time-remaining\"><\/span><\/div>\r\n                <div>Kabuuang Oras: <span id=\"total-limit\"><\/span><\/div>\r\n                <div>Total voice price: <span id=\"voice-price\"><\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"connection-status\">\r\n            <div class=\"status-indicator\"><\/div>\r\n            <span class=\"status-text\">Katayuan : Idiskonekta<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"chat-container\" id=\"chat-container\">\r\n            <!--==============-->\r\n    <div id=\"text-chat\">\r\n        <div id=\"chat-messages\"><\/div>\r\n        <div id=\"chat-input\">\r\n            <input type=\"text\" id=\"chat-input-field\" placeholder=\"I-type ang iyong mensahe...\" \/>\r\n            <button id=\"send-msg-button\">Ipadala<\/button>\r\n        <\/div>\r\n        <div id=\"token-counter\" style=\"color:#fff\">\r\n            Tok Used: <span id=\"token-count\">0<\/span>\r\n            | Rem: <span id=\"remaining-tokens\">0<\/span>\r\n            | $: <span id=\"total-price\">0<\/span>\r\n        <\/div>\r\n        <!-- <div id=\"token-counter\" style=\"color:#fff\">\r\n            Tokens Used: <span id=\"token-count\">0<\/span>\r\n            | Remaining: <span id=\"remaining-tokens\">0<\/span>\r\n            | Remaining: <span id=\"remaining-tokens\">0<\/span>\r\n        <\/div> -->\r\n\r\n\r\n    <\/div>\r\n    <!--==============-->\r\n    <div id=\"voice-chat\">\r\n\r\n        <p id=\"ai-response\"><\/p>\r\n        <div id=\"three-container\"><\/div>\r\n    <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"voice-container hide-on-focus\">\r\n\r\n        <div class=\"status-text\" id=\"status\">I-click upang simulan ang Conversion<\/div>\r\n        <div class=\"talk-button\">\r\n\r\n            <button class=\"mic-button\" id=\"micButton\">\r\n                <div class=\"listening-effect hidden\" id=\"pulse\"><\/div>\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <path d=\"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1 1.93c-3.94-.49-7-3.85-7-7.93h2c0 3.31 2.69 6 6 6s6-2.69 6-6h2c0 4.08-3.06 7.44-7 7.93V19h4v2H8v-2h4v-3.07z\" \/>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"chat-button\" id=\"chatButton\">\r\n                <div class=\"listening-effect hidden\" id=\"pulse\"><\/div>\r\n                <svg height=\"200px\" width=\"200px\" version=\"1.1\" id=\"Capa_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 60 60\" xml:space=\"preserve\">\r\n                    <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n                    <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n                    <g id=\"SVGRepo_iconCarrier\">\r\n                        <path d=\"M30,1.5c-16.542,0-30,12.112-30,27c0,5.205,1.647,10.246,4.768,14.604c-0.591,6.537-2.175,11.39-4.475,13.689 c-0.304,0.304-0.38,0.769-0.188,1.153C0.276,58.289,0.625,58.5,1,58.5c0.046,0,0.093-0.003,0.14-0.01 c0.405-0.057,9.813-1.412,16.617-5.338C21.622,54.711,25.738,55.5,30,55.5c16.542,0,30-12.112,30-27S46.542,1.5,30,1.5z\"><\/path>\r\n                    <\/g>\r\n                <\/svg> \r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script id=\"vertexshader\" type=\"vertex\">\r\n    vec3 mod289(vec3 x) { return x - floor(x * (1.0 \/ 289.0)) * 289.0; }\r\n    vec4 mod289(vec4 x) { return x - floor(x * (1.0 \/ 289.0)) * 289.0; }\r\n    vec4 permute(vec4 x) { return mod289(((x*34.0)+10.0)*x); }\r\n    vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }\r\n    vec3 fade(vec3 t) { return t*t*t*(t*(t*6.0-15.0)+10.0); }\r\n\r\n    float pnoise(vec3 P, vec3 rep) {\r\n        vec3 Pi0 = mod(floor(P), rep);\r\n        vec3 Pi1 = mod(Pi0 + vec3(1.0), rep);\r\n        Pi0 = mod289(Pi0);\r\n        Pi1 = mod289(Pi1);\r\n        vec3 Pf0 = fract(P);\r\n        vec3 Pf1 = Pf0 - vec3(1.0);\r\n        vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\r\n        vec4 iy = vec4(Pi0.yy, Pi1.yy);\r\n        vec4 iz0 = Pi0.zzzz;\r\n        vec4 iz1 = Pi1.zzzz;\r\n\r\n        vec4 ixy = permute(permute(ix) + iy);\r\n        vec4 ixy0 = permute(ixy + iz0);\r\n        vec4 ixy1 = permute(ixy + iz1);\r\n\r\n        vec4 gx0 = ixy0 * (1.0 \/ 7.0);\r\n        vec4 gy0 = fract(floor(gx0) * (1.0 \/ 7.0)) - 0.5;\r\n        gx0 = fract(gx0);\r\n        vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\r\n        vec4 sz0 = step(gz0, vec4(0.0));\r\n        gx0 -= sz0 * (step(0.0, gx0) - 0.5);\r\n        gy0 -= sz0 * (step(0.0, gy0) - 0.5);\r\n\r\n        vec4 gx1 = ixy1 * (1.0 \/ 7.0);\r\n        vec4 gy1 = fract(floor(gx1) * (1.0 \/ 7.0)) - 0.5;\r\n        gx1 = fract(gx1);\r\n        vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\r\n        vec4 sz1 = step(gz1, vec4(0.0));\r\n        gx1 -= sz1 * (step(0.0, gx1) - 0.5);\r\n        gy1 -= sz1 * (step(0.0, gy1) - 0.5);\r\n\r\n        vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);\r\n        vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);\r\n        vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);\r\n        vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);\r\n        vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);\r\n        vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);\r\n        vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);\r\n        vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);\r\n\r\n        vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\r\n        g000 *= norm0.x;\r\n        g010 *= norm0.y;\r\n        g100 *= norm0.z;\r\n        g110 *= norm0.w;\r\n        vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\r\n        g001 *= norm1.x;\r\n        g011 *= norm1.y;\r\n        g101 *= norm1.z;\r\n        g111 *= norm1.w;\r\n\r\n        float n000 = dot(g000, Pf0);\r\n        float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\r\n        float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\r\n        float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\r\n        float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\r\n        float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\r\n        float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\r\n        float n111 = dot(g111, Pf1);\r\n\r\n        vec3 fade_xyz = fade(Pf0);\r\n        vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\r\n        vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\r\n        float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\r\n        return 2.2 * n_xyz;\r\n    }\r\n\r\n    uniform float u_time;\r\n    uniform float u_opacity;\r\n    uniform vec3 u_color; \/\/ Color uniform\r\n    varying float vOpacity;\r\n\r\n    void main() {\r\n        float noise = 5. * pnoise(position + u_time \/ 5.0, vec3(10.));\r\n        float displacement = noise \/ 10.0;\r\n        vec3 newPosition = position + normal * displacement;\r\n        vOpacity = u_opacity;\r\n\r\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);\r\n    }\r\n<\/script>\r\n\r\n<script id=\"fragmentshader\" type=\"fragment\">\r\n    uniform vec3 u_color;  \/\/ Color uniform\r\n    varying float vOpacity;\r\n\r\n    void main() {\r\n        \/\/ Use u_color for the fragment color (shader color)\r\n        gl_FragColor = vec4(u_color, vOpacity);\r\n    }\r\n<\/script>\r\n\r\n<script type=\"module\">\r\n    import {\r\n        OrbitControls\r\n    } from 'https:\/\/cdn.skypack.dev\/three@0.134.0\/examples\/jsm\/controls\/OrbitControls.js';\r\n\r\n    const micButton = document.getElementById('micButton');\r\n    const statusText = document.getElementById('status');\r\n    const pulseEffect = document.getElementById('pulse');\r\n    const chatContainer = document.getElementById('chat-container');\r\n    const container = document.getElementById('three-container');\r\n    let isListening = false;\r\n\r\n    \/\/ Three.js variables\r\n    let scene, camera, renderer, mesh, controls;\r\n    let uniforms;\r\n\r\n    function initThree() {\r\n        scene = new THREE.Scene();\r\n\r\n        camera = new THREE.PerspectiveCamera(\r\n            75,\r\n            container.clientWidth \/ container.clientHeight,\r\n            0.1,\r\n            1000\r\n        );\r\n        camera.position.set(0, 0, 14);\r\n\r\n        \/\/ Set the WebGLRenderer's alpha property to true for transparency\r\n        renderer = new THREE.WebGLRenderer({\r\n            antialias: true,\r\n            alpha: true \/\/ Set this to true to make the background transparent\r\n        });\r\n        renderer.setSize(container.clientWidth, container.clientHeight);\r\n        container.appendChild(renderer.domElement);\r\n\r\n        uniforms = {\r\n            u_time: {\r\n                value: 0\r\n            },\r\n            u_opacity: {\r\n                value: 0\r\n            },\r\n            u_color: {\r\n                value: new THREE.Color(0x6EC1E4)\r\n            } \/\/ White color\r\n        };\r\n\r\n        const mat = new THREE.ShaderMaterial({\r\n            wireframe: true,\r\n            uniforms,\r\n            vertexShader: document.getElementById('vertexshader').textContent,\r\n            fragmentShader: document.getElementById('fragmentshader').textContent\r\n        });\r\n\r\n        \/\/ Reduced geometry detail (from 30 to 15 subdivisions)\r\n        const geo = new THREE.IcosahedronGeometry(4, 15);\r\n        mesh = new THREE.Mesh(geo, mat);\r\n        scene.add(mesh);\r\n\r\n        controls = new OrbitControls(camera, renderer.domElement);\r\n        controls.enableZoom = false;\r\n        controls.enablePan = false;\r\n        controls.autoRotate = true;\r\n        controls.autoRotateSpeed = 0.5;\r\n    }\r\n\r\n\r\n    function animate() {\r\n        uniforms.u_time.value += 0.01;\r\n        controls.update();\r\n        renderer.render(scene, camera);\r\n        requestAnimationFrame(animate);\r\n    }\r\n\r\n    function fadeVisualization(targetOpacity, duration = 1000) {\r\n        container.classList.remove('showing', 'hiding');\r\n        container.classList.add(targetOpacity === 1 ? 'showing' : 'hiding');\r\n\r\n        new TWEEN.Tween(container.style)\r\n            .to({\r\n                opacity: targetOpacity\r\n            }, duration)\r\n            .easing(TWEEN.Easing.Quadratic.InOut)\r\n            .start();\r\n\r\n        new TWEEN.Tween(uniforms.u_opacity)\r\n            .to({\r\n                value: targetOpacity\r\n            }, duration)\r\n            .easing(TWEEN.Easing.Quadratic.InOut)\r\n            .start();\r\n    }\r\n\r\n    function toggleListening() {\r\n        isListening = !isListening;\r\n        isListening ? startListening() : stopListening();\r\n    }\r\n\r\n    function startListening() {\r\n        micButton.classList.add('listening');\r\n        pulseEffect.classList.remove('hidden');\r\n        \/\/ statusText.textContent = 'Listening...';\r\n\r\n        setTimeout(() => {\r\n            \/\/ showThinkingState();\r\n            simulateResponse();\r\n        }, 2000);\r\n    }\r\n\r\n    function stopListening() {\r\n        micButton.classList.remove('listening');\r\n        pulseEffect.classList.add('hidden');\r\n        \/\/ statusText.textContent = 'Click to start speaking';\r\n    }\r\n\r\n    function showThinkingState() {\r\n        statusText.innerHTML = `\r\n                <div class=\"thinking-dots\">\r\n                    <div class=\"thinking-dot\"><\/div>\r\n                    <div class=\"thinking-dot\"><\/div>\r\n                    <div class=\"thinking-dot\"><\/div>\r\n                <\/div>\r\n            `;\r\n    }\r\n\r\n    function simulateResponse() {\r\n        const userQuestion = 'What is the meaning of life?';\r\n        const assistantResponse = 'The meaning of life is a profound question that many philosophers have contemplated. While there is no single answer, many believe it involves seeking happiness, personal growth, and making positive contributions to the world.';\r\n\r\n        \/\/ addMessage('user', userQuestion);\r\n\r\n        setTimeout(() => {\r\n            \/\/ addMessage('assistant', assistantResponse);\r\n            stopListening();\r\n            \/\/ speakText(assistantResponse);\r\n            \/\/ speakText();\r\n        }, 3000);\r\n    }\r\n\r\n    \/\/ function speakText() {\r\n    \/\/             fadeVisualization(1, 800);\r\n    \/\/             animate();\r\n\r\n    \/\/ }\r\n    window.speakText = function() {\r\n        fadeVisualization(1, 800);\r\n        animate();\r\n        console.log('***********************speak');\r\n    };\r\n\r\n\r\n    \/\/    function hidespeakText() {\r\n    \/\/                 fadeVisualization(0, 1200);\r\n    \/\/                 statusText.textContent = 'Click to start speaking';\r\n    \/\/                 console.log('***********************hide');\r\n    \/\/          }\r\n    window.hidespeakText = function() {\r\n        fadeVisualization(0, 1200);\r\n        \/\/ statusText.textContent = 'Click to start speaking';\r\n        console.log('***********************hide');\r\n    };\r\n\r\n\r\n    function addMessage(role, content) {\r\n        const messageDiv = document.createElement('div');\r\n        messageDiv.className = `message ${role}-message fade-in`;\r\n        messageDiv.textContent = content;\r\n        chatContainer.appendChild(messageDiv);\r\n        chatContainer.scrollTop = chatContainer.scrollHeight;\r\n    }\r\n\r\n    \/\/ Initialize Three.js\r\n    initThree();\r\n    animate();\r\n\r\n    \/\/ Start TWEEN animation loop\r\n    function tick() {\r\n        TWEEN.update();\r\n        requestAnimationFrame(tick);\r\n    }\r\n    tick();\r\n\r\n    \/\/ Event listeners\r\n    micButton.addEventListener('click', toggleListening);\r\n\r\n    window.addEventListener('resize', () => {\r\n        camera.aspect = container.clientWidth \/ container.clientHeight;\r\n        camera.updateProjectionMatrix();\r\n        renderer.setSize(container.clientWidth, container.clientHeight);\r\n    });\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3760bc5 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3760bc5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-380bf08 e-con-full left e-flex e-con e-child\" data-id=\"380bf08\" data-element_type=\"container\" id=\"miniapp-menu-container\">\n\t\t<div class=\"elementor-element elementor-element-4702be5 e-con-full e-flex e-con e-child\" data-id=\"4702be5\" data-element_type=\"container\" id=\"miniapp-avatar\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de7414c elementor-widget elementor-widget-spacer\" data-id=\"de7414c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb1300 elementor-widget elementor-widget-spacer\" data-id=\"1eb1300\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2eb1cb e-con-full e-flex e-con e-child\" data-id=\"a2eb1cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84879de elementor-widget elementor-widget-heading\" data-id=\"84879de\" data-element_type=\"widget\" id=\"user_first_name\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pangalan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d2b7d elementor-widget elementor-widget-heading\" data-id=\"84d2b7d\" data-element_type=\"widget\" id=\"user_uid\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">******<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1860517 elementor-widget elementor-widget-heading\" data-id=\"1860517\" data-element_type=\"widget\" id=\"miniapp-level-text\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LEVEL _<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ea52be elementor-widget elementor-widget-spacer\" data-id=\"7ea52be\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a19f0 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"a7a19f0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BAHAY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56f6b7a elementor-widget elementor-widget-spacer\" data-id=\"56f6b7a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17af857 e-con-full e-flex e-con e-child\" data-id=\"17af857\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0237eb elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"f0237eb\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/payment\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">WALLET<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9e022 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"3a9e022\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/referral\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">REFERRAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f8f7f elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"71f8f7f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/ranking\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">RANKING<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a75d05 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"2a75d05\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/swap\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SWAP<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4bc5c3 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"b4bc5c3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/earn\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">KUMITA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bae8e67 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-widget elementor-widget-button\" data-id=\"bae8e67\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/social\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SOSYAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d61ab1 elementor-widget-mobile__width-inherit miniapp-main-btn elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"7d61ab1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.catrobotic.ai\/tl\/?page_id=1412\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GABAY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6451fef elementor-widget elementor-widget-spacer\" data-id=\"6451fef\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8faca97 elementor-hidden-tablet elementor-hidden-mobile miniapp-mobile-hide e-flex e-con-boxed e-con e-parent\" data-id=\"8faca97\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08f08d4 elementor-widget elementor-widget-heading\" data-id=\"08f08d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Open only in Telegram Mini App<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CAT AI Name ****** LEVEL _ HOME WALLET REFERRAL RANKING SWAP EARN SOCIAL GUIDE Open only in Telegram Mini App<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3744","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/pages\/3744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/comments?post=3744"}],"version-history":[{"count":97,"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/pages\/3744\/revisions"}],"predecessor-version":[{"id":6002,"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/pages\/3744\/revisions\/6002"}],"wp:attachment":[{"href":"https:\/\/app.catrobotic.ai\/tl\/wp-json\/wp\/v2\/media?parent=3744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}