{"id":324,"date":"2025-05-20T18:44:03","date_gmt":"2025-05-20T11:44:03","guid":{"rendered":"https:\/\/geliat.web.id\/?page_id=324"},"modified":"2025-08-14T12:15:38","modified_gmt":"2025-08-14T05:15:38","slug":"ai-assistant","status":"publish","type":"page","link":"https:\/\/geliat.web.id\/en\/ai-assistant\/","title":{"rendered":"AI Assistant"},"content":{"rendered":"<style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #1E1E1E; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #1E1E1E; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #3E3E3E;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #FFFFFF;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%;\n        background-color: #1E1E1E;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    .log_notification {\n        background: #1E1E1E;\n        color: #FFFFFF;\n        font-size: 11px;\n        font-style: italic;\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #FFFFFF;\n        background: #2E2E2E;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #2E2E2E;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #3E3E3E;\n        color: #FFFFFF;\n        font-size: 13px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n    .wpaicg-chat-shortcode-content ul .wpaicg-ai-message {\n        color: #FFFFFF;\n        font-size: 13px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #BBBBBB;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 0;\n        color: #FFFFFF;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #FFFFFF;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #3E3E3E;\n        background-color: #3d3d3d;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #FFFFFF;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #FFFFFF;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #FFFFFF;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #FFFFFF;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #FFFFFF;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #FFFFFF;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #FFFFFF;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #F8F9FA;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #2E2E2E;\n        color: #FFFFFF;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    .wpaicg-icon-container {\n        position: relative;\n        margin-bottom: 30px;\n        margin-top: 10px;\n    }\n\n    .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button {\n        position: absolute;\n        bottom: -25px;\n        display: inline-block;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.3s ease, visibility 0.3s ease;\n        outline: none;\n    }\n\n    .wpaicg-copy-button {\n        left: 10px;\n    }\n\n    .wpaicg-thumbs-up-button {\n        left: 40px;\n    }\n\n    .wpaicg-thumbs-down-button {\n        left: 70px;\n    }\n\n    \/* Keep buttons visible when hovering over either the container or the buttons *\/\n    .wpaicg-icon-container:hover .wpaicg-copy-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-up-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-down-button,\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        opacity: 1;\n        visibility: visible;\n        background-color: transparent !important;\n        color: inherit !important;\n    }\n    \/* Ensure no hover color change for links inside icon containers *\/\n    .wpaicg-icon-container a:hover {\n        color: inherit !important;\n        background-color: transparent !important;\n        text-decoration: none !important;\n    }\n\n    .wpaicg-copy-button img,\n    .wpaicg-thumbs-up-button img,\n    .wpaicg-thumbs-down-button img {\n        width: 16px;\n        height: 16px;\n        filter: none; \/* Ensure no filter (like grayscale or color change) is applied *\/\n        color: inherit; \/* Inherit the current color from the parent *\/\n        transition: none; \/* Remove any transitions that might change appearance on hover *\/\n    }\n\n    .wpaicg-copy-button img:hover,\n    .wpaicg-thumbs-up-button img:hover,\n    .wpaicg-thumbs-down-button img:hover {\n        filter: none; \/* Ensure no hover filter is applied *\/\n        color: inherit; \/* Keep the color consistent on hover *\/\n    }\n\n    .wpaicg-copy-button,\n    .wpaicg-thumbs-up-button,\n    .wpaicg-thumbs-down-button {\n        background: none;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        color: inherit; \/* Keep the color of the button consistent *\/\n        outline: none; \/* Remove default browser outline on focus *\/\n    }\n\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        background: none; \/* Remove any background color change on hover *\/\n        color: inherit; \/* Keep the color the same on hover *\/\n    }\n    \/* Remove outline (focus border) on buttons *\/\n    .wpaicg-copy-button:focus,\n    .wpaicg-thumbs-up-button:focus,\n    .wpaicg-thumbs-down-button:focus {\n        outline: none;\n    }\n    .wpaicg-feedback-modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        z-index: 1000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px; \/* Added padding to prevent edge cutoff *\/\n    }\n\n    .wpaicg-feedback-modal {\n        background-color: #fff;\n        color: #333;\n        padding: 20px;\n        border-radius: 10px; \/* Slightly increased border-radius for better aesthetics *\/\n        width: 100%;\n        max-width: 400px; \/* Max width for larger screens *\/\n        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); \/* Increased shadow for better visibility *\/\n        text-align: center;\n        position: relative; \/* To position the close button *\/\n        margin: 0 auto; \/* Centering the modal horizontally *\/\n        box-sizing: border-box; \/* Ensures padding is included in width *\/\n    }\n\n    .wpaicg-feedback-modal h2 {\n        margin-top: 0;\n    }\n\n    .wpaicg-feedback-textarea {\n        width: 100%;\n        height: 80px;\n        margin: 10px 0;\n        border-radius: 5px;\n    }\n\n    .wpaicg-feedback-modal-buttons {\n        display: flex;\n        justify-content: flex-end; \/* Aligns the submit button to the right *\/\n        align-items: center;\n        margin-top: 10px;\n    }\n\n    .wpaicg-feedback-message {\n        flex-grow: 1; \/* Takes up available space on the left *\/\n        margin-right: 10px;\n        text-align: left; \/* Ensures the text aligns left *\/\n    }\n\n    .wpaicg-feedback-modal-submit {\n        padding: 10px 20px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        background-color: #007bff;\n        color: #fff;\n        margin-left: 10px; \/* Adds space between the button and the message *\/\n    }\n\n    .wpaicg-feedback-modal-close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        background: none;\n        border: none;\n        color: #333;\n        cursor: pointer;\n    }\n\n    \/* Media Query for Mobile Devices *\/\n    @media (max-width: 480px) {\n        .wpaicg-feedback-modal {\n            max-width: 95%; \/* Reduce max width on smaller screens to ensure it doesn't touch the edges *\/\n            padding: 15px;\n            margin: 0 auto; \/* Ensure modal is centered *\/\n        }\n        .wpaicg-feedback-modal-submit {\n            padding: 8px 16px; \/* Slightly smaller padding on mobile *\/\n        }\n\n        .wpaicg-feedback-textarea {\n            height: 60px; \/* Reduce height on mobile *\/\n        }\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 3px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n    .wpaicg-chat-shortcode h1, \n    .wpaicg-chat-shortcode h2, \n    .wpaicg-chat-shortcode h3, \n    .wpaicg-chat-shortcode h4, \n    .wpaicg-chat-shortcode h5, \n    .wpaicg-chat-shortcode h6 {\n        color: #FFFFFF;\n    }\n\n<\/style>\n<style>\n    \/* Sidebar *\/\n    .wpaicg-sidebar {\n    background-color: #1E1E1E;\n    border-right: 1px solid #3E3E3E;\n    }\n\n    \/* Sidebar Header *\/\n    .wpaicg-sidebar-header {\n    border-bottom: 1px solid #3E3E3E;\n    color: #FFFFFF;\n    }\n\n    .wpaicg-sidebar-header h3 {\n    color: #FFFFFF;\n    }\n\n    .wpaicg-sidebar-header p {\n    color: #FFFFFF;\n    font-size: 13px;\n    }\n\n    \/* Conversation List Items *\/\n    .wpaicg-conversation-list li {\n    background-color: #3E3E3E;\n    color: #FFFFFF;\n    font-size: 13px;\n    }\n    .wpaicg-conversation-list li:hover {\n    background-color: #FFFFFF;\n    color: #3E3E3E;\n    transform: none;\n    }\n    \/* Trash icon displayed on hover for deleting a conversation *\/\n    .wpaicg-conversation-list li .wpaicg-delete-icon {\n    color: #3E3E3E;\n    font-size: 13px;\n    }\n\n    \/* Sidebar Toggle Button *\/\n    .wpaicg-sidebar-toggle {\n    background-color: #2E2E2E;\n    }\n\n    .wpaicg-sidebar-toggle:hover {\n    background-color: #3E3E3E;\n    }\n\n    .wpaicg-sidebar-toggle span {\n    color: #FFFFFF;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#3E3E3E\"\n     data-color=\"#FFFFFF\"\n     data-fontsize=\"13\"\n     data-ai-bg-color=\"#2E2E2E\"\n     data-nonce=\"6649d09438\"\n     data-post-id=\"324\"\n     data-url=\"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/pages\/324\"\n     data-bot-id=\"0\"\n     data-width=\"100%\"\n     data-height=\"80%\"\n     data-footer=\"true\"\n     data-has-bar=\"true\"\n     data-speech=\"0\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"openai\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Wavenet-A\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-copy_btn=\"1\"\n     data-feedback_btn = \"\"\n     data-feedback_title = \"Feedback\"\n     data-feedback_message = \"Please provide details: (optional)\"\n     data-feedback_success = \"Thank you for your feedback!\"\n     data-user-voice-control = \"\"\n     data-voice-muted-by-default=\"\"\n     data-memory-limit = \"100\"\n     data-lead-collection = \"0\"\n     data-lead-title = \"Let us know how to contact you\"\n     data-lead-name = \"Name\"\n     data-enable-lead-name = \"1\"\n     data-lead-email = \"Email\"\n     data-enable-lead-email = \"1\"\n     data-lead-phone = \"Phone\"\n     data-enable-lead-phone = \"1\"\n     data-bg_text_field = \"#3d3d3d\"\n     data-bg_text_field_font_color = \"#FFFFFF\"\n     data-bg_text_field_border_color = \"#3E3E3E\"\n     data-assistant-enabled=\"false\"\n     data-sidebar-enabled=\"1\"\n     data-type=\"shortcode\"\n>\n<style>\n.wpaicg-new-chat-button {\n    background-color: #2E2E2E;\n    color: #FFFFFF;\n    font-size: 13px;\n}\n.wpaicg-new-chat-button:hover {\n    background-color: #3E3E3E;\n}\n<\/style>\n    <div class=\"wpaicg-chatbox-action-bar\">\n                    <span class=\"wpaicg-chatbox-download-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Download\" tabindex=\"0\">\n                <svg role=\"presentation\" version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094 c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777 c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84 h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z\"\/><path class=\"st0\" d=\"M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118 c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z\"\/><\/svg>\n            <\/span>\n                                    <span class=\"wpaicg-chatbox-clear-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Clear Chat\" tabindex=\"0\">\n            <svg role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z\"\/><\/svg>\n    <\/span>\n        \n    <\/div>\n<!-- Begin Chat Content Wrapper -->\n<div class=\"wpaicg-chat-content-wrapper\">\n    <!-- Insert the toggle and sidebar if $wpaicg_chat_sidebar is enabled -->\n            <span class=\"wpaicg-sidebar-toggle\" role=\"button\" aria-label=\"Toggle Sidebar\" tabindex=\"0\">\n            <span class=\"dashicons dashicons-menu\"><\/span>\n        <\/span>\n        \n    <div class=\"wpaicg-sidebar\">\n        <div class=\"wpaicg-sidebar-header\">\n            <button type=\"button\" class=\"wpaicg-new-chat-button\" style=\"margin-top:10px;\">Percakapan Baru<\/button>\n        <\/div>\n        <ul class=\"wpaicg-conversation-list\">\n            <!-- Conversations will be loaded here dynamically -->\n        <\/ul>\n    <\/div>\n        <div class=\"wpaicg-chat-shortcode-content\">\n        <ul class=\"wpaicg-chat-shortcode-messages\">\n                        <li class=\"wpaicg-ai-message\" style=\"color: #FFFFFF; font-size: 13px; background-color: #2E2E2E\">\n                <span class=\"wpaicg-chat-message\">\n                    Halo \ud83d\udc4b, ada yang bisa saya bantu hari ini?                <\/span>\n            <\/li>\n        <\/ul>\n        <!-- Conversation Starters -->\n                    <div class=\"wpaicg-conversation-starters\">\n                                    <button type=\"button\" class=\"wpaicg-conversation-starter\">\n                        Bisa ceritakan lelucon untuk saya?                    <\/button>\n                                    <button type=\"button\" class=\"wpaicg-conversation-starter\">\n                        Rekomendasikan hal seru yang bisa saya lakukan hari ini?                    <\/button>\n                            <\/div>\n                <span class=\"wpaicg-bot-thinking\" style=\"padding-left: 0;color: #BBBBBB;\">Sedang menyiapkan jawaban\u2026&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n        <div class=\"wpaicg-chat-shortcode-type\">\n            <textarea type=\"text\" name=\"wpaicg-chat-shortcode-typing\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Ketik pesan kamu di sini\u2026\"><\/textarea>\n            <div class=\"wpaicg_chat_additions\">\n                <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n                <span class=\"wpaicg-mic-icon\" data-type=\"shortcode\" role=\"button\" aria-label=\"Mic\" tabindex=\"0\" style=\"display:none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg>\n                <\/span>\n                <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                    <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n                    <!-- add nonce -->\n                    <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"bf541ee924\" \/>\n                <\/span>\n                <span class=\"wpaicg-img-spinner\"><\/span>\n                                <span class=\"wpaicg-pdf-icon\" data-type=\"shortcode\" style=\"display:none\">\n                    <svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M378.413,0H208.297h-13.182L185.8,9.314L57.02,138.102l-9.314,9.314v13.176v265.514 c0,47.36,38.528,85.895,85.896,85.895h244.811c47.353,0,85.881-38.535,85.881-85.895V85.896C464.294,38.528,425.766,0,378.413,0z M432.497,426.105c0,29.877-24.214,54.091-54.084,54.091H133.602c-29.884,0-54.098-24.214-54.098-54.091V160.591h83.716 c24.885,0,45.077-20.178,45.077-45.07V31.804h170.116c29.87,0,54.084,24.214,54.084,54.092V426.105z\"\/><path class=\"st0\" d=\"M171.947,252.785h-28.529c-5.432,0-8.686,3.533-8.686,8.825v73.754c0,6.388,4.204,10.599,10.041,10.599 c5.711,0,9.914-4.21,9.914-10.599v-22.406c0-0.545,0.279-0.817,0.824-0.817h16.436c20.095,0,32.188-12.226,32.188-29.612 C204.136,264.871,192.182,252.785,171.947,252.785z M170.719,294.888h-15.208c-0.545,0-0.824-0.272-0.824-0.81v-23.23 c0-0.545,0.279-0.816,0.824-0.816h15.208c8.42,0,13.447,5.027,13.447,12.498C184.167,290,179.139,294.888,170.719,294.888z\"\/><path class=\"st0\" d=\"M250.191,252.785h-21.868c-5.432,0-8.686,3.533-8.686,8.825v74.843c0,5.3,3.253,8.693,8.686,8.693h21.868 c19.69,0,31.923-6.249,36.81-21.324c1.76-5.3,2.723-11.681,2.723-24.857c0-13.175-0.964-19.557-2.723-24.856 C282.113,259.034,269.881,252.785,250.191,252.785z M267.856,316.896c-2.318,7.331-8.965,10.459-18.21,10.459h-9.23 c-0.545,0-0.824-0.272-0.824-0.816v-55.146c0-0.545,0.279-0.817,0.824-0.817h9.23c9.245,0,15.892,3.128,18.21,10.46 c0.95,3.128,1.62,8.56,1.62,17.93C269.476,308.336,268.805,313.768,267.856,316.896z\"\/><path class=\"st0\" d=\"M361.167,252.785h-44.812c-5.432,0-8.7,3.533-8.7,8.825v73.754c0,6.388,4.218,10.599,10.055,10.599 c5.697,0,9.914-4.21,9.914-10.599v-26.351c0-0.538,0.265-0.81,0.81-0.81h26.086c5.837,0,9.23-3.532,9.23-8.56 c0-5.028-3.393-8.553-9.23-8.553h-26.086c-0.545,0-0.81-0.272-0.81-0.817v-19.425c0-0.545,0.265-0.816,0.81-0.816h32.733 c5.572,0,9.245-3.666,9.245-8.553C370.411,256.45,366.738,252.785,361.167,252.785z\"\/><\/svg>\n                <\/span>\n                    <span class=\"wpaicg-pdf-loading\" style=\"display: none\"><\/span>\n                    <span data-type=\"shortcode\" alt=\"Clear\" title=\"Clear\" class=\"wpaicg-pdf-remove\" style=\"display: none\">&times;<\/span>\n                    <input data-type=\"shortcode\" data-limit=\"120\" type=\"file\" accept=\"application\/pdf\" class=\"wpaicg-pdf-file\" style=\"display: none\">\n                                                <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n                <\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    <div class=\"wpaicg-chat-shortcode-footer\">\n        Powered by GELIAT AI    <\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"Percakapan Baru Halo \ud83d\udc4b, ada yang bisa saya bantu hari ini? Bisa ceritakan lelucon untuk saya? Rekomendasikan hal seru yang bisa saya lakukan hari ini? Sedang menyiapkan jawaban\u2026&nbsp;... &times; Powered by GELIAT AI","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-324","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/pages\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":0,"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"wp:attachment":[{"href":"https:\/\/geliat.web.id\/en\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}