Chat with Deepak<\/title>\n <style>\n body { font-family: Arial, sans-serif; background: #f5f5f5; }\n #chatbox {\n width: 100%; height: 100%;\n border: 1px solid #ccc; border-radius: 8px;\n margin: 1px auto; padding: 10px;\n background: #fff; display: flex; flex-direction: column;\n }\n #messages {\n flex: 1; overflow-y: auto; margin-bottom: 10px;\n }\n .msg { padding: 6px 10px; margin: 4px 0; border-radius: 6px; max-width: 75%; }\n .user { background: #007bff; color: #fff; margin-left: auto; }\n .bot { background: #e5e5ea; color: #000; margin-right: auto; }\n #input-area { display: flex; }\n #input { flex: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }\n button { margin-left: 5px; padding: 8px 12px; border: none; background: #007bff; color: #fff; border-radius: 4px; cursor: pointer; }\n button:hover { background: #0056b3; }\n \n \/* Waving dots animation *\/\n .typing-indicator {\n background-color: #e5e5ea;\n padding: 10px;\n border-radius: 20px;\n display: inline-block;\n margin: 4px 0;\n position: relative;\n animation: pulse 1.5s infinite;\n }\n \n .typing-indicator span {\n height: 8px;\n width: 8px;\n float: left;\n margin: 0 2px;\n background-color: #9E9EA1;\n display: block;\n border-radius: 50%;\n opacity: 0.4;\n }\n \n .typing-indicator span:nth-of-type(1) {\n animation: fade 1s infinite;\n }\n \n .typing-indicator span:nth-of-type(2) {\n animation: fade 1s 0.33s infinite;\n }\n \n .typing-indicator span:nth-of-type(3) {\n animation: fade 1s 0.66s infinite;\n }\n \n @keyframes fade {\n 0% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n 100% { opacity: 0.4; }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 15% { transform: scale(1.05); }\n 30% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"chatbox\">\n <div id=\"messages\"><\/div>\n <div id=\"input-area\">\n <input id=\"input\" type=\"text\" placeholder=\"Ask your business question...\" \/>\n <button onclick=\"sendMessage()\">Send<\/button>\n <\/div>\n <\/div>\n\n <script>\n const lambdaUrl = \"https:\/\/g6wnck7nmko5ehupyhqbekio7u0wnvnm.lambda-url.us-east-2.on.aws\/\";\n\t\n function addMessage(text, sender) {\n const msg = document.createElement(\"div\");\n msg.className = \"msg \" + sender;\n msg.textContent = text;\n document.getElementById(\"messages\").appendChild(msg);\n msg.scrollIntoView();\n }\n \n \/\/ Add typing indicator (waving dots)\n function showTypingIndicator() {\n const indicator = document.createElement(\"div\");\n indicator.id = \"typing-indicator\";\n indicator.className = \"msg bot typing-indicator\";\n \n const dots = document.createElement(\"div\");\n dots.innerHTML = '<span><\/span><span><\/span><span><\/span>';\n indicator.appendChild(dots);\n \n document.getElementById(\"messages\").appendChild(indicator);\n indicator.scrollIntoView();\n }\n \n \/\/ Remove typing indicator\n function removeTypingIndicator() {\n const indicator = document.getElementById(\"typing-indicator\");\n if (indicator) {\n indicator.remove();\n }\n }\n \n \/\/ Fallback UUID generator for browsers without crypto.randomUUID\n function generateUUID() {\n if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n return crypto.randomUUID();\n }\n \/\/ Fallback implementation for browsers without crypto.randomUUID\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(\/[xy]\/g, function(c) {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n });\n }\n\n function getSessionId() {\n let sid = localStorage.getItem(\"chat_session_id\");\n if (!sid) {\n sid = generateUUID();\n localStorage.setItem(\"chat_session_id\", sid);\n }\n return sid;\n }\n\n async function sendMessage() {\n const input = document.getElementById(\"input\");\n const text = input.value.trim();\n if (!text) return;\n\n addMessage(text, \"user\");\n input.value = \"\";\n \n \/\/ Show typing indicator\n showTypingIndicator();\n\n try {\n const res = await fetch(lambdaUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify({ prompt: text, sessionId: getSessionId() })\n });\n\n const data = await res.json();\n \n \/\/ Remove typing indicator and show response\n removeTypingIndicator();\n addMessage(data.output || \"No response\", \"bot\");\n } catch (err) {\n removeTypingIndicator();\n addMessage(\"Error: \" + err.message, \"bot\");\n }\n }\n \n \/\/ Allow sending message with Enter key\n document.getElementById(\"input\").addEventListener(\"keypress\", function(e) {\n if (e.key === \"Enter\") {\n sendMessage();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size\">Disclaimer:<br>This is intended for entertainment, confusion, and light office sabotage only. Any resemblance to useful advice or sentience is purely accidental. If you find yourself persuaded by the output, please consult a qualified professional, a stiff drink, or both. Do not attempt to apply the results to reality; reality has lawyers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chat with Deepak Send Disclaimer:This is intended for entertainment, confusion, and light office sabotage only. Any resemblance to useful advice or sentience is purely accidental. If you find yourself persuaded by the output, please consult a qualified professional, a stiff drink, or both. Do not attempt to apply the results to reality; reality has lawyers.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-890","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/pages\/890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/comments?post=890"}],"version-history":[{"count":15,"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/pages\/890\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/pages\/890\/revisions\/916"}],"wp:attachment":[{"href":"https:\/\/brainwashed.me\/index.php\/wp-json\/wp\/v2\/media?parent=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}