ai12z 3.16.1-alpha.1 → 3.16.1-alpha.2

package/dist/cjs/{SearchResult-DirxAsMi.js → SearchResult-CvTJr55G.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
+var index = require('./index-v8T1EJAJ.js');
 
 function SearchResult(props) {
     let results = props.results || props;

package/dist/cjs/ai12z-bot.cjs.entry.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
+var index = require('./index-v8T1EJAJ.js');
 var responseAdapter = require('./response-adapter-CKKyyhMj.js');
-var processCarouselData = require('./processCarouselData-6FLCPOVT.js');
-var logger$1 = require('./logger-B_JTV5L8.js');
-var utils = require('./utils-BkemWeq3.js');
-var index$1 = require('./index-7yvwbcAl.js');
+var processCarouselData = require('./processCarouselData-kCVPE4mw.js');
+var logger$1 = require('./logger-2ZBZCKdM.js');
+var utils = require('./utils-7C5_GnyF.js');
+var index$1 = require('./index-CKLC7f4y.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var reCaptchaHelpers = require('./reCaptchaHelpers-BIbBtULr.js');
+var reCaptchaHelpers = require('./reCaptchaHelpers-sfktrnTF.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var surveyHelpers = require('./surveyHelpers-CnSWyzvp.js');
-var scriptStyleLoader = require('./scriptStyleLoader-8VXGYoY8.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-WOyQOe62.js');
-var ctaHelpers = require('./ctaHelpers-C155mCQE.js');
-var appStore = require('./app-store-D249GRTi.js');
-var parseHelper = require('./parseHelper-DjDPCQ3f.js');
+var surveyHelpers = require('./surveyHelpers-DohugkWP.js');
+var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-BWprLtLj.js');
+var ctaHelpers = require('./ctaHelpers-DUPj5SnE.js');
+var appStore = require('./app-store-BtkiHvcw.js');
+var parseHelper = require('./parseHelper-5fRVefLm.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
 // ILiveAgentProvider.ts
@@ -450,9 +450,17 @@ class SalesforceLiveAgentProvider {
             throw new Error("Failed to create EventSource");
         }
         this.eventSource = eventSource;
-        eventSource.onerror = () => {
-            logger.error("❌ SSE Error: Connection lost or error occurred");
-            // Handle error, e.g., retry connection or notify user
+        eventSource.onerror = (event) => {
+            // Native EventSource routes BOTH transport failures and any server-sent
+            // `event: error` frame to this same "error" channel (WHATWG spec: a frame
+            // with `event: error` dispatches a MessageEvent of type "error"). A server
+            // frame carries `.data`; a transport failure is a bare Event. Read the data
+            // when present so an upstream rejection is logged with its status rather
+            // than as a generic "connection lost". (The proxy also sends a dedicated
+            // `upstream_error` event — see below — which is the preferred, unambiguous
+            // channel; this stays as a defensive fallback.)
+            const data = event === null || event === void 0 ? void 0 : event.data;
+            logger.error(typeof data === "string" && data ? `❌ SSE server error frame: ${data}` : "❌ SSE Error: Connection lost or error occurred");
             ChatEventBus.emit("AGENT_ERROR", true);
             // Optionally, you can close the EventSource if needed
             eventSource.close();
@@ -553,6 +561,17 @@ class SalesforceLiveAgentProvider {
         };
         Object.values(SF_ENTRY_EVENT_MAP).forEach(type => eventSource.addEventListener(type, handleSSEMessage));
         eventSource.onmessage = handleSSEMessage;
+        // The SSE proxy signals a Salesforce upstream rejection (non-200) with a
+        // dedicated named event carrying a plain-text reason. It is deliberately NOT
+        // named `error`, which would collide with EventSource's native error channel
+        // (onerror) and be indistinguishable from a transport failure. Handle it here
+        // so the specific status is logged and the user is notified. NOTE: the data is
+        // plain text ("upstream returned 503"), so do NOT JSON.parse it.
+        eventSource.addEventListener("upstream_error", (event) => {
+            logger.error("❌ Live agent SSE upstream error:", event.data);
+            ChatEventBus.emit("AGENT_ERROR", true);
+            eventSource.close();
+        });
     }
     /** Interface Implementation */
     /**
@@ -1009,7 +1028,7 @@ function deleteJsonCookie(name, options = {}) {
 
 const ai12zBotCss = () => `:host{font-family:var(--ai12zBot-v2-font-family) !important;font-size:var(--ai12zBot-v2-font-size) !important;color:var(--ai12zBot-v2-font-color, black);text-align:var(--ai12zBot-v2-text-align, left)}.chat-body{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overflow-x:hidden}.chat-body::-webkit-scrollbar{width:5px;height:5px;}.chat-body::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;}.message{padding:10px;border-radius:15px;font-size:14px;line-height:1.4;word-wrap:break-word}span.prose{font-size:14px;}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.ai12zBtn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12z-btn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.custom-privacy{color:var(--ai12z-bot-privacy-color);padding-bottom:10px;padding-left:5px;margin-top:auto;}@media (max-width: 768px){.hide-chatbot{display:none !important}}`;
 
-const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right"     "left main right"     "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:1rem;height:1rem}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:0.25rem;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:1.5rem;height:1.5rem}.plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:1.5rem;height:1.5rem}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:1.5rem;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829,     0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease,     transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:1.5rem}.thumbs-down{fill:var(  --ai12zBot-v2-feedback-selected);width:1.5rem}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:0.25rem}.error-msg{color:#dc2626;font-size:0.75rem;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
+const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right"     "left main right"     "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:12px;border-top-right-radius:12px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:12px;border-top-right-radius:12px}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:16px;height:16px}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:4px;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:24px;height:24px}.plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:24px;height:24px}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:24px;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829,     0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease,     transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:24px}.thumbs-down{fill:var(  --ai12zBot-v2-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:4px}.error-msg{color:#dc2626;font-size:12px;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -1036,7 +1055,10 @@ const Ai12zBot = class {
         this.isElementAvailable = index.createEvent(this, "isElementAvailable", 7);
         this.cdnPath = "https://cdn.ai12z.net/assets/bot";
         this.surveyCDNPath = "https://cdn.ai12z.net/pkg/surveyjs";
-        this.styles = [`https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.11.1/styles/default.min.css`, `https://cdn.ai12z.net/assets/bot/v2/tailwind.min.css`];
+        this.styles = [
+            `https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.11.1/styles/default.min.css`,
+            `https://cdn.ai12z.net/assets/bot/${index.Env.CDN_PATH}/tailwind.min.css`
+        ];
         this.liveAgentEventHandler = new LiveAgentEventHandler();
         this.customStyle = "";
         this.customJS = "";
@@ -3037,7 +3059,7 @@ const Ai12zBot = class {
                 this.errorMessage = errorMsg.detail;
                 this.showErrorMessage = true;
                 this.announce(errorMsg.detail || "Image upload failed");
-            }, ref: el => (this.imageUploaderRef = el) })))))), index.h("div", { class: `textarea` }, this.imagesBase64List.length > 0 && (index.h("div", { class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: ".75rem" }, alt: "uploaded image" }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
+            }, ref: el => (this.imageUploaderRef = el) })))))), index.h("div", { class: `textarea` }, this.imagesBase64List.length > 0 && (index.h("div", { class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: "12px" }, alt: "uploaded image" }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
                 this.imagesBase64List = this.imagesBase64List.filter((_, i) => i !== idx);
                 // console.log("upload imageuloaderred", this.imageUploaderRef)
                 if (this.imageUploaderRef && typeof this.imageUploaderRef.removeImageAtIndex === "function") {

package/dist/cjs/ai12z-category_2.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
-var SearchResult = require('./SearchResult-DirxAsMi.js');
-var utils = require('./utils-BkemWeq3.js');
+var index = require('./index-v8T1EJAJ.js');
+var SearchResult = require('./SearchResult-CvTJr55G.js');
+var utils = require('./utils-7C5_GnyF.js');
 var _commonjsHelpers = require('./_commonjsHelpers-MBWFX2dn.js');
-var appStore = require('./app-store-D249GRTi.js');
-var parseHelper = require('./parseHelper-DjDPCQ3f.js');
-require('./ctaHelpers-C155mCQE.js');
-require('./logger-B_JTV5L8.js');
+var appStore = require('./app-store-BtkiHvcw.js');
+var parseHelper = require('./parseHelper-5fRVefLm.js');
+require('./ctaHelpers-DUPj5SnE.js');
+require('./logger-2ZBZCKdM.js');
 
 const categoryCss = () => `ai12z-category{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-search-font-size, var(--ai12z-font-size)) !important}.custom-title{font-size:var(--ai12z-category-font-size);color:var(--ai12z-category-font-color)}`;
 

package/dist/cjs/ai12z-chat-message.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
+var index = require('./index-v8T1EJAJ.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var styleSheetRegistry = require('./styleSheetRegistry-Cf6kOnS3.js');
-require('./utils-BkemWeq3.js');
+var styleSheetRegistry = require('./styleSheetRegistry-CaWjqgX7.js');
+require('./utils-7C5_GnyF.js');
 
 const ai12zChatMessageCss = () => `.show-more-btn{background:none;color:var(--ai12z-knowledge-box-show-more-color, #4a8aff);font-size:16px;cursor:pointer;font-weight:500;border-radius:6px;transition:color 0.2s ease,     background 0.2s ease;border:1px solid var(--ai12z-knowledge-box-show-more-border, blue);padding:10px;border-radius:20px;align-items:center;justify-content:center;margin:auto;display:block;z-index:20;position:relative;width:30%}.show-more-btn:hover{color:var(--ai12z-knowledge-box-show-more-hover-color, #1a73e8);background:rgba(74, 138, 255, 0.08)}.show-more-btn:active{background:rgba(74, 138, 255, 0.15)}.show-more-btn svg{vertical-align:middle;gap:5px;transition:transform 0.3s ease-in-out;display:inline-block;margin-left:10px;font-size:20}.message-text{line-height:1.55;font-size:15px;color:var(--ai12z-knowledge-box-text-color, #1e1e1e);transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.fade-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;z-index:10;pointer-events:none;opacity:1;transition:opacity 0.3s ease-in-out;background:linear-gradient(     to bottom,     rgba(255, 255, 255, 0) 0%,      var(--ai12z-knowledge-box-bg-color, #ffffff) 85%    )}.chat-message{position:relative;}.custom-line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);line-clamp:var(--line-clamp)}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.ai12zBtn{background-color:var(--ai12z-knowledge-box-primary-color);color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}`;
 

package/dist/cjs/ai12z-chat_2.cjs.entry.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
-var processCarouselData = require('./processCarouselData-6FLCPOVT.js');
-var parseHelper = require('./parseHelper-DjDPCQ3f.js');
-var utils = require('./utils-BkemWeq3.js');
-var ctaHelpers = require('./ctaHelpers-C155mCQE.js');
-var index$1 = require('./index-7yvwbcAl.js');
-var socketService = require('./socket-service-CUHVVM8r.js');
-var surveyHelpers = require('./surveyHelpers-CnSWyzvp.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-WOyQOe62.js');
+var index = require('./index-v8T1EJAJ.js');
+var processCarouselData = require('./processCarouselData-kCVPE4mw.js');
+var parseHelper = require('./parseHelper-5fRVefLm.js');
+var utils = require('./utils-7C5_GnyF.js');
+var ctaHelpers = require('./ctaHelpers-DUPj5SnE.js');
+var index$1 = require('./index-CKLC7f4y.js');
+var socketService = require('./socket-service-5mM7NSYN.js');
+var surveyHelpers = require('./surveyHelpers-DohugkWP.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-BWprLtLj.js');
 var analyticsService = require('./analyticsService-CkAva47S.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
-require('./logger-B_JTV5L8.js');
+require('./logger-2ZBZCKdM.js');
 require('./response-adapter-CKKyyhMj.js');
 
-const ai12zChatCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important;color:var(--ai12z-font-color, black);text-align:var(--ai12z-text-align, left)}.not-allowed{cursor:not-allowed}.prose.custom-prose{--tw-prose-body:var(--ai12z-bubble-font-color);--tw-prose-bold:var(--ai12z-bubble-font-color);--tw-prose-links:var(--ai12z-link-color);--tw-prose-headings:var(--ai12z-bubble-font-color)}.ai12z-cta-link{color:var(--ai12z-link-color);text-decoration:underline}.ai12z-cta-link:hover{color:var(--ai12z-link-hover-color)}@media (max-width: 768px){.chat-align-list{padding:1rem 1rem 1rem 0rem !important}.chat-not-user-list{padding-inline-start:2.5rem !important}}.thumbs-up{fill:var(--ai12z-feedback-selected);width:1.5rem}.thumbs-down{fill:var(--ai12z-feedback-selected);width:1.5rem}.chat-thumbs-up{color:var(--ai12z-feedback-color)}.default-avatar{color:var(--ai12z-default-avatar-color, var(--ai12z-primary-color))}.chat-list{margin-top:1.25rem;overflow-y:auto;display:flex;flex-direction:column}.custom-chat-top-height{max-height:100vh}@media (max-width: 768px){.custom-chat-bottom-height{max-height:700px}.default-avatar{display:none !important}}.custom-chat-bottom-height{max-height:100%}.custom-chat-above-height{max-height:80vh;margin-bottom:20px}.custom-list{overflow-y:auto}.chat-list-item{padding:2rem 0.5rem 0 0.25rem;display:flex;position:relative;color:var(--ai12z-bubble-font-color);font-size:var(--ai12z-bubble-font-size)}.chat-align-list{justify-content:flex-start;padding-inline-end:2.5rem}.chat-not-user-list{justify-content:flex-end;padding-inline-start:5rem}.chat-inner-list{display:flex;align-items:flex-end;padding-right:0.5rem}.pending-chat{display:flex;justify-content:center;align-items:center;border-width:1px;padding:1.25rem;line-height:1.75rem;border-radius:0.5rem}.non-pending-user{line-height:1.75rem;border-radius:0.5rem}.chat-not-user-list #parent-element .non-pending-user{background-color:var(--ai12z-user-bubble-background, var(--ai12z-bubble-background))}.chat-align-list #parent-element .non-pending-user{background-color:var(--ai12z-ai-bubble-background, var(--ai12z-bubble-background));border:var(--ai12z-ai-bubble-border)}#parent-element{position:relative}.non-user-container{position:absolute;right:0;top:0;width:11rem}.thumbnail{margin-bottom:30px;width:70%}.ai12z_image_result{max-width:500px;width:100%;border-radius:5%;padding:20px}.ai12z_image_caption{margin:20px;padding:1px;background-color:#f0f0f0;border-radius:5px;text-align:center}.resize{width:100%}.prose.prose-w-none *{all:unset;}.non-pending-user .ai12zBtn{background-color:var(--ai12z-primary-color);color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12zBtn:active{background-color:rgb(118 135 214)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#555}.copy-btn{color:var(--ai12z-feedback-color)}.list-btn{background-color:#007bff;color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px;max-width:100%;}.pagination-controls{display:flex;justify-content:space-between;margin-top:20px}.pagination-controls button{padding:10px 20px;border:none;background-color:#007bff;color:white;cursor:pointer;border-radius:5px}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{align-self:center;font-size:1.1em}.hidden{display:none}.carousel-container{position:relative;display:flex;overflow:hidden;margin:0 auto;width:100%;max-width:100%}.carousel-items{display:flex;transition:transform 0.3s ease-in-out;width:100%}.carousel-card{flex-shrink:0;width:100%}.card img{width:100%;height:auto}.card-body{margin:15px}.prev,.next{background:#007bff;border:none;color:white;padding:10px;cursor:pointer;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.prev{cursor:pointer;left:0px}.next{cursor:pointer;right:0px}.carousel-indicators{display:flex;justify-content:center;margin-top:10px;bottom:4px;left:50%}.indicator{width:10px;height:10px;background-color:gray;border-radius:50%;margin:0 5px;cursor:pointer}button:focus-visible{outline:2px solid var(--ai12z-focus-visible-color, #0A2A43);outline-offset:2px}button.chat-btn-primary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-primary, --ai12z-focus-visible-color);outline-offset:2px}button.chat-btn-secondary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-secondary, --ai12z-focus-visible-color)}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}`;
+const ai12zChatCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important;color:var(--ai12z-font-color, black);text-align:var(--ai12z-text-align, left)}.not-allowed{cursor:not-allowed}.prose.custom-prose{--tw-prose-body:var(--ai12z-bubble-font-color);--tw-prose-bold:var(--ai12z-bubble-font-color);--tw-prose-links:var(--ai12z-link-color);--tw-prose-headings:var(--ai12z-bubble-font-color)}.ai12z-cta-link{color:var(--ai12z-link-color);text-decoration:underline}.ai12z-cta-link:hover{color:var(--ai12z-link-hover-color)}@media (max-width: 768px){.chat-align-list{padding:16px 16px 16px 0px !important}.chat-not-user-list{padding-inline-start:40px !important}}.thumbs-up{fill:var(--ai12z-feedback-selected);width:24px}.thumbs-down{fill:var(--ai12z-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12z-feedback-color)}.default-avatar{color:var(--ai12z-default-avatar-color, var(--ai12z-primary-color))}.chat-list{margin-top:20px;overflow-y:auto;display:flex;flex-direction:column}.custom-chat-top-height{max-height:100vh}@media (max-width: 768px){.custom-chat-bottom-height{max-height:700px}.default-avatar{display:none !important}}.custom-chat-bottom-height{max-height:100%}.custom-chat-above-height{max-height:80vh;margin-bottom:20px}.custom-list{overflow-y:auto}.chat-list-item{padding:32px 8px 0 4px;display:flex;position:relative;color:var(--ai12z-bubble-font-color);font-size:var(--ai12z-bubble-font-size)}.chat-align-list{justify-content:flex-start;padding-inline-end:40px}.chat-not-user-list{justify-content:flex-end;padding-inline-start:80px}.chat-inner-list{display:flex;align-items:flex-end;padding-right:8px}.pending-chat{display:flex;justify-content:center;align-items:center;border-width:1px;padding:20px;line-height:28px;border-radius:8px}.non-pending-user{line-height:28px;border-radius:8px}.chat-not-user-list #parent-element .non-pending-user{background-color:var(--ai12z-user-bubble-background, var(--ai12z-bubble-background))}.chat-align-list #parent-element .non-pending-user{background-color:var(--ai12z-ai-bubble-background, var(--ai12z-bubble-background));border:var(--ai12z-ai-bubble-border)}#parent-element{position:relative}.non-user-container{position:absolute;right:0;top:0;width:176px}.thumbnail{margin-bottom:30px;width:70%}.ai12z_image_result{max-width:500px;width:100%;border-radius:5%;padding:20px}.ai12z_image_caption{margin:20px;padding:1px;background-color:#f0f0f0;border-radius:5px;text-align:center}.resize{width:100%}.prose.prose-w-none *{all:unset;}.non-pending-user .ai12zBtn{background-color:var(--ai12z-primary-color);color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12zBtn:active{background-color:rgb(118 135 214)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#555}.copy-btn{color:var(--ai12z-feedback-color)}.list-btn{background-color:#007bff;color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px;max-width:100%;}.pagination-controls{display:flex;justify-content:space-between;margin-top:20px}.pagination-controls button{padding:10px 20px;border:none;background-color:#007bff;color:white;cursor:pointer;border-radius:5px}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{align-self:center;font-size:1.1em}.hidden{display:none}.carousel-container{position:relative;display:flex;overflow:hidden;margin:0 auto;width:100%;max-width:100%}.carousel-items{display:flex;transition:transform 0.3s ease-in-out;width:100%}.carousel-card{flex-shrink:0;width:100%}.card img{width:100%;height:auto}.card-body{margin:15px}.prev,.next{background:#007bff;border:none;color:white;padding:10px;cursor:pointer;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.prev{cursor:pointer;left:0px}.next{cursor:pointer;right:0px}.carousel-indicators{display:flex;justify-content:center;margin-top:10px;bottom:4px;left:50%}.indicator{width:10px;height:10px;background-color:gray;border-radius:50%;margin:0 5px;cursor:pointer}button:focus-visible{outline:2px solid var(--ai12z-focus-visible-color, #0A2A43);outline-offset:2px}button.chat-btn-primary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-primary, --ai12z-focus-visible-color);outline-offset:2px}button.chat-btn-secondary:focus-visible{outline:2px solid var(--ai12z-focus-visible-color-secondary, --ai12z-focus-visible-color)}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}`;
 
 const MyChat = class {
     constructor(hostRef) {
@@ -45,10 +45,7 @@ const MyChat = class {
         this.focusedIndex = -1;
         this.chatItemRefs = [];
         this.styles = [
-            `https://cdn.ai12z.net/assets/bot/v2/tailwind.min.css`,
-            // `${this.cdnPath}/v1/survey.min.css`,
-            // `https://unpkg.com/survey-core/defaultV2.min.css`,
-            // `${this.cdnPath}/v1/survey-core.min.css`,
+            `https://cdn.ai12z.net/assets/bot/${index.Env.CDN_PATH}/tailwind.min.css`,
             `https://unpkg.com/@highlightjs/cdn-assets@11.11.1/styles/default.min.css`,
             `https://cdn.ai12z.net/pkg/surveyjs/survey-core@2.3.4/survey-core.min.css`,
         ];
@@ -1141,7 +1138,7 @@ const MyChat = class {
     render() {
         var _a;
         const email = "";
-        return (index.h("div", { key: '567d1598d53db83ebb453da3fcd6227ee5fe5bc0' }, index.h("ul", { key: '65d296e9a7503b85d6d476039123253c48a9305a', id: "main-content", tabindex: "-1", class: {
+        return (index.h("div", { key: '32b9166470e94d75232ce06a80ab7cd190a69608' }, index.h("ul", { key: 'f27b1585ab1cc2ffe7de945e075b3803980965a9', id: "main-content", tabindex: "-1", class: {
                 "chat-list": true,
                 "custom-list": this.componentType === "search",
                 // "custom-chat-top-height": this.componentType === "search",
@@ -1208,7 +1205,7 @@ const MyChat = class {
                         projectId: this.getProjectId(),
                         questionText: analyticsService.getQuestionText(this.chats, chat.insightId) || "",
                     }), class: "chat-thumbs-up", "aria-label": "Thumbs Down", tabindex: "0" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" }))), index.h("button", { class: "copy-btn", tabindex: "0", "aria-label": "Send Email" }, index.h("a", { href: `mailto:${email}?subject=${encodeURIComponent((_e = this.chats[idx - 1]) === null || _e === void 0 ? void 0 : _e.message)}&body=${encodeURIComponent(this.removeHtmlTags(chat.clipboard))}`, target: "_blank", "aria-label": "Send Email" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", "stroke-width": "0.3", class: "w-6 h-6" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z", fill: "currentColor" }), " "))))))));
-            }), index.h("div", { key: 'ead0c342309de4030cb69954fe585eb2fc06870f', class: "scroll-bottom" }))));
+            }), index.h("div", { key: 'c13d17836d81d6c0a1df953bf819c71b0d03575c', class: "scroll-bottom" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -1219,13 +1216,15 @@ const MyChat = class {
 };
 MyChat.style = ai12zChatCss();
 
-const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.input-container{margin-right:1rem;position:relative;border-radius:4rem;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:0.75rem}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:rgb(59 130 246) !important}.plus-icon{color:var(--ai12z-plus-icon-color)}.ai-button{border-left-width:1px;padding-left:1rem;padding-right:1rem;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:0.25rem;width:1rem;height:1rem;position:absolute}.hide-svg{display:none}.icon-width{width:1.75rem}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:1rem;padding-right:2rem;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:0.75rem;margin-top:0.25rem;text-align:center}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
+const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.input-container{margin-right:16px;position:relative;border-radius:64px;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:12px}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:rgb(59 130 246) !important}.plus-icon{color:var(--ai12z-plus-icon-color)}.ai12z-plus-anchor{position:relative;display:inline-block}.ai12z-plus-menu{position:absolute;top:100%;left:0;margin-top:0.5rem;width:var(--ai12z-menu-width, 15rem);z-index:30;padding:0.375rem;background-color:var(--ai12z-menu-bg, #fff);border:1px solid var(--ai12z-menu-border-color, rgba(17, 24, 39, 0.08));border-radius:var(--ai12z-menu-radius, 0.875rem);box-shadow:var(     --ai12z-menu-shadow,     0 12px 28px -12px rgba(17, 24, 39, 0.28),     0 4px 10px -6px rgba(17, 24, 39, 0.15)   );transform-origin:top left;transition:opacity 0.16s ease,     transform 0.16s ease}.ai12z-plus-menu[data-open="false"]{opacity:0;transform:scale(0.95);pointer-events:none}.ai12z-plus-menu[data-open="true"]{opacity:1;transform:scale(1);pointer-events:auto}.ai12z-menu-list{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0;list-style:none}.ai12z-menu-item,.ai12z-menu-item--uploader .image-uploader>button{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5rem 0.625rem;border:0;background:transparent;border-radius:0.5rem;font-family:inherit;font-size:var(--ai12z-menu-item-font-size, 0.875rem);line-height:1.25rem;color:var(--ai12z-menu-item-color, #374151);text-align:left;cursor:pointer;transition:background-color 0.15s ease,     color 0.15s ease}.ai12z-menu-item:hover:not([disabled]):not([aria-disabled="true"]),.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:hover:not([disabled]){background-color:var(--ai12z-menu-item-hover-bg, #f3f4f6)}.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--ai12z-menu-focus-ring, rgba(59, 130, 246, 0.55))}.ai12z-menu-item[disabled],.ai12z-menu-item[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.ai12z-menu-item__icon,.ai12z-menu-item--uploader .image-uploader>button svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--ai12z-menu-icon-color, #6b7280)}.ai12z-menu-item__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai12z-menu-item--uploader{padding:0}.ai12z-menu-item--uploader .image-uploader,.ai12z-menu-item--uploader .image-uploader>button{width:100%}@media (prefers-color-scheme: dark){.ai12z-plus-menu{--ai12z-menu-bg:#1f2937;--ai12z-menu-border-color:rgba(255, 255, 255, 0.08);--ai12z-menu-shadow:0 14px 34px -12px rgba(0, 0, 0, 0.65),       0 4px 12px -6px rgba(0, 0, 0, 0.5);--ai12z-menu-item-color:#e5e7eb;--ai12z-menu-item-hover-bg:rgba(55, 65, 81, 0.7);--ai12z-menu-icon-color:#9ca3af}}.ai-button{border-left-width:1px;padding-left:16px;padding-right:16px;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:4px;width:16px;height:16px;position:absolute}.hide-svg{display:none}.icon-width{width:28px}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:16px;padding-right:32px;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:12px;margin-top:4px;text-align:center}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
 
 const InputForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.action = index.createEvent(this, "action", 7);
         this.capturedImgUpload = index.createEvent(this, "capturedImgUpload", 7);
+        this.pendingMenuFocus = null;
+        this.hasAutoFocused = false;
         // private customWidth = "100%"
         // private icon_width: string
         // private icon_height: string
@@ -1260,10 +1259,17 @@ const InputForm = class {
             }
         };
         this.handleClickOutside = (event) => {
-            const target = event.target;
-            if (this.isOpen && this.menuElem && !this.menuElem.contains(target)) {
-                this.isOpen = false;
+            if (!this.isOpen)
+                return;
+            // Use composedPath() rather than event.target: inside the shadow-DOM host
+            // (ai12z-cta / ai12z-inline-search) the target is retargeted to the host, so
+            // a click on a menu row would look "outside" the menu and dismiss it mid-
+            // interaction. The path contains the real elements crossing shadow roots.
+            const path = event.composedPath();
+            if ((this.menuElem && path.includes(this.menuElem)) || (this.plusButtonElem && path.includes(this.plusButtonElem))) {
+                return;
             }
+            this.closeMenu(false);
         };
         this.handleFormSubmit = (e) => {
             e.preventDefault();
@@ -1329,9 +1335,60 @@ const InputForm = class {
             this.errorMessage = event.detail;
             this.showErrorMessage = true;
         };
-        this.toggleBox = e => {
-            e.stopPropagation();
-            this.isOpen = !this.isOpen;
+        this.toggleBox = (e) => {
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            if (this.isOpen)
+                this.closeMenu(false);
+            else
+                this.openMenu("first");
+        };
+        // Keyboard support for the "+" options menu (WAI-ARIA menu button pattern).
+        this.handleTriggerKeyDown = (e) => {
+            // Enter/Space open via the button's native click -> toggleBox; only the
+            // arrow keys need handling here (and open with focus in the menu).
+            if (e.key === "ArrowDown") {
+                e.preventDefault();
+                this.openMenu("first");
+            }
+            else if (e.key === "ArrowUp") {
+                e.preventDefault();
+                this.openMenu("last");
+            }
+        };
+        this.handleMenuKeyDown = (e) => {
+            const items = this.getMenuItems();
+            if (!items.length)
+                return;
+            const current = items.indexOf(this.deepActiveElement());
+            switch (e.key) {
+                case "ArrowDown":
+                    e.preventDefault();
+                    items[current < 0 ? 0 : (current + 1) % items.length].focus();
+                    break;
+                case "ArrowUp":
+                    e.preventDefault();
+                    items[current < 0 ? items.length - 1 : (current - 1 + items.length) % items.length].focus();
+                    break;
+                case "Home":
+                    e.preventDefault();
+                    items[0].focus();
+                    break;
+                case "End":
+                    e.preventDefault();
+                    items[items.length - 1].focus();
+                    break;
+                case "Escape":
+                    // Close and hand focus back to the + button. Stop propagation so a host
+                    // modal listening for Escape doesn't also close.
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.closeMenu(true);
+                    break;
+                case "Tab":
+                    // Menus close on Tab; let focus continue to the next control naturally.
+                    this.closeMenu(false);
+                    break;
+            }
         };
         // Replace your existing handlePaste method with this enhanced version
         this.handlePaste = (event) => {
@@ -1366,10 +1423,9 @@ const InputForm = class {
         // Image upload logic moved to ImageUploader component
     }
     componentDidLoad() {
-        // console.log("componentWillLoad input.tsx")
-        if (!this.isImageUpload)
-            return;
-        // const preivewContainer = this.el.querySelector(".custom-input")
+        // Register unconditionally: the options menu renders regardless of
+        // isImageUpload, so click-outside dismiss must work for every deployment
+        // (not only image-upload ones).
         document.addEventListener("click", this.handleClickOutside);
     }
     stateChangedHandler(_state) {
@@ -1403,6 +1459,63 @@ const InputForm = class {
             this.announceMessage = "";
         }, 1000);
     }
+    openMenu(focusTarget = "first") {
+        this.pendingMenuFocus = focusTarget;
+        this.isOpen = true;
+    }
+    closeMenu(returnFocus = true) {
+        var _a;
+        this.pendingMenuFocus = null;
+        this.isOpen = false;
+        // Focus the trigger synchronously. Safe now that the textarea autofocuses
+        // once (see its ref) instead of on every render, so it no longer steals it.
+        if (returnFocus)
+            (_a = this.plusButtonElem) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /** Actionable rows in the menu, in DOM order, excluding disabled ones. */
+    getMenuItems() {
+        if (!this.menuElem)
+            return [];
+        // Keep aria-disabled items in the sequence (APG: disabled menuitems stay
+        // focusable); only native-disabled elements are skipped.
+        return Array.from(this.menuElem.querySelectorAll('[role="menuitem"]')).filter(el => !el.hasAttribute("disabled"));
+    }
+    /**
+     * The truly focused element. This widget is embedded in a shadow-DOM host
+     * (ai12z-cta / ai12z-inline-search), so document.activeElement stops at the
+     * shadow host — walk into shadow roots to reach the real focused menu item.
+     */
+    deepActiveElement() {
+        var _a;
+        let el = document.activeElement;
+        while ((_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
+            el = el.shadowRoot.activeElement;
+        }
+        return el;
+    }
+    componentDidRender() {
+        if (!this.menuElem)
+            return;
+        // The image-uploader renders its own <button>; promote it into the menu
+        // semantics so keyboard navigation treats it like the other rows.
+        const upBtn = this.menuElem.querySelector(".ai12z-menu-item--uploader button");
+        if (upBtn && upBtn.getAttribute("role") !== "menuitem") {
+            upBtn.setAttribute("role", "menuitem");
+            upBtn.setAttribute("tabindex", "-1");
+        }
+        // While closed, take the popover out of tab order and the a11y tree.
+        if (this.isOpen)
+            this.menuElem.removeAttribute("inert");
+        else
+            this.menuElem.setAttribute("inert", "");
+        // Move focus into the menu right after it opens.
+        if (this.isOpen && this.pendingMenuFocus) {
+            const items = this.getMenuItems();
+            const target = this.pendingMenuFocus === "last" ? items[items.length - 1] : items[0];
+            this.pendingMenuFocus = null;
+            target === null || target === void 0 ? void 0 : target.focus();
+        }
+    }
     async captureScreen() {
         try {
             const stream = await navigator.mediaDevices.getDisplayMedia({
@@ -1450,29 +1563,33 @@ const InputForm = class {
         //   this.icon_width = url.searchParams.get("w") || "28"
         //   this.icon_height = url.searchParams.get("h") || "28"
         // }
-        return (index.h("div", { key: '623f7b93a8fee68a98ffe0d15fe49232c928d541' }, index.h("div", { key: '33fa75b886a6d845785ab7ad4be2cba4437deead', class: `absolute left-0 w-48 bg-white rounded-lg shadow-lg transition-all duration-300 ease-in-out z-10
-  ${this.isOpen ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-90 pointer-events-none"}`, ref: el => (this.menuElem = el) }, index.h("ul", { key: 'c7a41dcf7bbb7d3b52d3adac6f7871553d082a97', class: "space-y-2" }, this.isImageUpload && (index.h("li", { key: '4efc17c2a136caf0b8bfc2fba39622a1bab801c9', class: "px-4 py-2 hover:bg-gray-100 cursor-pointer flex" }, index.h("image-uploader", { key: '8c669dda8dd81f4a24da8232938bbd6cae65ad7f', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '5fc6b84028c421a57c9b4c3ed36a1b19c6833546', class: "px-4 pb-2 hover:bg-gray-100 cursor-pointer flex", onClick: e => {
-                this.captureScreen();
+        return (index.h("div", { key: '7c42e9070f1c5d7cc138693c1ddcb587684a6c70' }, index.h("form", { key: 'dc2169e6d3f3a7c44eed880d29a69d3616c64280', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: 'b8ba078963ce77b650e2d3f1f8ccfbdd397ee8b7', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: '79b20c40c94bc652ddd6f5f372fa97a2f3646d1a', class: "flex items-center" }, index.h("div", { key: '48f6dc8ead7b4297d18725d5fc13525eeebb4b08', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: '4f44318b1fe3b4a9a360d51721e1ebaf80f8817f', class: "ai12z-plus-anchor relative inline-block", style: { width: "5%" } }, index.h("button", { key: '226ab1dde47a5cd76cb515caad6653a626d9f4eb', class: "plus-icon", "aria-label": "Options", title: "Add images or capture screen", tabindex: "0", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `ai12z-options-menu-${this.instanceId}`, ref: el => (this.plusButtonElem = el), onKeyDown: this.handleTriggerKeyDown, onClick: e => {
+                e.stopPropagation();
                 this.toggleBox(e);
-            } }, index.h("div", { key: '20cd5b58b14938dde41c3ec82a4d204ddaebea4d', class: "mr-1 mt-px" }, index.h("svg", { key: 'c740a9f51839e41055786d23fd7b4ed44ed29324', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: 'f8516209c60f8478b6b6e510ceff2ec0a6fb57cd', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: '8c59bd0faf944dedc4b311cf6c7403e4e8c79689', "fill-rule": "evenodd", d: "M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", "clip-rule": "evenodd" }))), index.h("div", { key: 'e10bf86ebd212649837dfad5094d9f39c0555af4' }, "Capture")), index.h("li", { key: 'd2b7a298b838ed7259019e26f211a09d69f328b5', class: "px-4 pb-2 hover:bg-gray-100 cursor-pointer flex", "aria-label": "Start Over", "aria-disabled": this.chatLength === 0, style: { opacity: this.chatLength === 0 ? "0.5" : "1", cursor: this.chatLength === 0 ? "not-allowed" : "pointer" }, onClick: e => {
+            } }, index.h("svg", { key: '58a5e1a2fa3419e101b0fb73065145af4fe2f283', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '84444d3d1f7436456d2d0004ee1f2ec6371fca08', d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }))), index.h("div", { key: '382ce6992a13ba4e9db4a854044863702dab4c7f', class: "ai12z-plus-menu", id: `ai12z-options-menu-${this.instanceId}`, "data-open": this.isOpen ? "true" : "false", role: "menu", "aria-orientation": "vertical", "aria-label": "Input options", onKeyDown: this.handleMenuKeyDown, ref: el => (this.menuElem = el) }, index.h("ul", { key: 'ca290a730cb52512440929d5115c80a8c2f8e403', class: "ai12z-menu-list" }, this.isImageUpload && (index.h("li", { key: 'fe7ba6eb4663da261cc50bbdb8fdaf9f78284548', role: "none", class: "ai12z-menu-item--uploader" }, index.h("image-uploader", { key: '8552b458871e39417131a20aac81df027560c992', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '566f3aa616e36b58fd8bcb515222bc79811b1ad9', role: "none" }, index.h("button", { key: '66662889c49e4261caf3d0f25bed7b7d711b8484', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Capture screen", onClick: () => {
+                this.captureScreen();
+                this.closeMenu(true);
+            } }, index.h("span", { key: 'e52ccaaea1c2a073b5a8c8001078c7f6ad54e1da', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'e20629230e327c40eb099f93445bdc33ceb744de', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '82b207ca09ca982100faba929365544930592c3b', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: '9de2f9701c7e2f2519bd9874d05c1756abf08b35', "fill-rule": "evenodd", d: "M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", "clip-rule": "evenodd" }))), index.h("span", { key: '1107d24b22754416215ebf0487d4d5531744ad7b', class: "ai12z-menu-item__label" }, "Capture"))), index.h("li", { key: '941057003ca2b61f602076a2fcfcca852c594b22', role: "none" }, index.h("button", { key: '2d953a40091bc1163c239730acb3e56e7d761947', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Start Over", "aria-disabled": this.chatLength === 0 ? "true" : "false", onClick: e => {
                 if (this.chatLength === 0)
                     return;
-                // const escapeEvent = new KeyboardEvent("keydown", { key: "Escape" })
-                // document.dispatchEvent(escapeEvent)
                 this.handleFollowUp(e);
-                this.toggleBox(e);
-            } }, index.h("div", { key: '95729576e7131a1bcde5edf2f00704e3979f0168', class: "mr-1 mt-px" }, index.h("svg", { key: 'aca3169ad3c1933750e6e70156ff3aafa9cb700e', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'f09ce7b4c487d62f744ab255274120d648cebd0c', d: "M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" }))), index.h("div", { key: '22838c5639850ca1520b5859188cd0cc7f62ae78' }, "Start Over")), index.h("li", { key: '0625819dc4f37253f68674ae2f41169abd7249d3', class: "px-4 pb-2 hover:bg-gray-100 cursor-pointer flex", "aria-label": "View Recent Chat", onClick: e => {
-                // console.log("View Recent Chat")
+                this.closeMenu(true);
+            } }, index.h("span", { key: '89bf46b6102b75ac998f8592dd081b3d7ac80e30', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '9a4624eafe2563d792232a7040f799a4c90f0743', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '857d6181fc1252bcaff8986348766903f7145db8', d: "M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" }))), index.h("span", { key: '4342314590af5c52dee8dd8cc9c37da5f890bc2c', class: "ai12z-menu-item__label" }, "Start Over"))), index.h("li", { key: 'ff2793104059d88ea8ccd580794b9bfee25cffbc', role: "none" }, index.h("button", { key: '1ae65047698825425967ae6217ae96ae8ce0af01', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "View Recent Chat", onClick: e => {
                 this.handleRecentChat(e);
-            } }, index.h("div", { key: '1bd82e7a2f97481c5215af8b5d67ec71d2c69719', class: "mr-1 mt-px" }, index.h("svg", { key: '1a88182d117cadac2c5c491578533860b008cf75', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '1e75ddfc584d70d0ada8008463ea08d8d0ac6623', d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" }), index.h("path", { key: 'd1db69ed6ae7f982b1839204e52a90c32630f1fb', d: "M12 7v5l3 2" }))), index.h("div", { key: '813b01482c85e7b63908facb41c4a48f226ecd3b' }, "View Recent Chat")))), index.h("form", { key: 'b810bd80536347059124d3827e26502e03a97092', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: 'f69b95ec734d662c3e88cdc93aa15f8983f380a7', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: 'c64d576d4675e5993fcecde579f4a992da296a3f', class: "flex items-center" }, index.h("div", { key: 'e41c8a31a3775a409810f12f856dd6bb5113b67d', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: '7614880c9a53a7e99ead7090637185b996b7cc2e', class: "relative inline-block", style: { width: "5%" } }, index.h("button", { key: 'edfcedc1fe6e77f2da4d26a60aad3748683ca6ef', class: "plus-icon", "aria-label": "Options", title: "Add images or capture screen", tabindex: "0", onClick: e => {
-                e.stopPropagation();
-                this.toggleBox(e);
-            } }, index.h("svg", { key: '123d73fdd31ea56f503df593818a05f5574c6fdb', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: 'cded16c28c1421bc4c9d4b9f18af6411309a22ba', d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" })))))), !this.hideAllButtons && (index.h("div", { key: '9b0213ad6586daecb71c46941b17108f13c58048', class: "scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full rounded-xl resize-none h-fit max-h-80 overflow-auto" }, index.h("div", { key: '619ef140b69574f9b5f6b56d3d7dc8355163fbc1', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: 'a972c24cc5748376eedced77c91dffd331054293', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: 'b515979270ffdbf8024951c04a826888539a0e64', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: '32123cab1fb36680b6e62a53e975988434721974', readOnly: this.submitted, "aria-describedby": this.emptyMessageError ? `message-error-${this.instanceId} search-hint-${this.instanceId}` : `search-hint-${this.instanceId}`, "aria-invalid": this.emptyMessageError, id: `searchInput-${this.instanceId}`, ref: el => {
+                this.closeMenu(true);
+            } }, index.h("span", { key: '7ddc54280e621560399fbce8fb9b827c8fb42abb', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '9d1876b8331a59e4b49fb96dd5cf263d8c2e1cad', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '185bb67ad4cdf45749d2eff12a059b980a1a8052', d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" }), index.h("path", { key: 'd22013e8057604e4d73c253c34408e3576430e58', d: "M12 7v5l3 2" }))), index.h("span", { key: 'e2453013820e91872f19efd4f840796366d46c77', class: "ai12z-menu-item__label" }, "View Recent Chat")))))))), !this.hideAllButtons && (index.h("div", { key: 'befa212132aa56e7c83aee675c62a8e26e65036c', class: "scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full rounded-xl resize-none h-fit max-h-80 overflow-auto" }, index.h("div", { key: '1ba4a975f882d789d913a43a175808d8d39d38d1', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: '936c01b9fc7e998800517cd8c84203888be85e90', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: 'f724dc8a7ecedfb3b0744b9640298805edf03e82', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: '7e29fb0e770efe7f2d1522b9132c5198c4f14fa1', readOnly: this.submitted, "aria-describedby": this.emptyMessageError ? `message-error-${this.instanceId} search-hint-${this.instanceId}` : `search-hint-${this.instanceId}`, "aria-invalid": this.emptyMessageError, id: `searchInput-${this.instanceId}`, ref: el => {
                 this.searchInputElem = el;
-                el === null || el === void 0 ? void 0 : el.focus();
+                // Autofocus once on first mount, and never while the
+                // options menu is open — otherwise unrelated re-renders
+                // (announce/error-message timers, chatLength updates)
+                // yank focus out of the menu on every render.
+                if (el && !this.hasAutoFocused && !this.isOpen) {
+                    this.hasAutoFocused = true;
+                    el.focus();
+                }
             }, placeholder: this.placeholder, autoComplete: "off", class: "w-full p-1 custom-input", value: this.searchInput, rows: 1, onInput: utils.debounce(e => this.handleInputChange(e), 500), onKeyUp: this.adjustHeight, onKeyDown: this.handleKeyDown, onFocus: () => this.searchFormElem.classList.add("input-focus-color"), onBlur: () => this.searchFormElem.classList.remove("input-focus-color"), onPaste: e => {
                 this.handlePaste(e);
-            } }), index.h("div", { key: '4ced8688e0edac2ed1f8a30ea7c0e1099b09e331', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: '114b87fb5a67f955503a87624e402722cad00276', class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: 'd9ce04f9657eba2ed56116f3e51ceba84f518052', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: 'a4752b743e10f5c90e0c7d03192d64e6ba8d2c08', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: 'e195ba053e5aeb6d017bccf44c01a3a6df2a684c', "component-type": "cta", onStartRecord: _ev => {
+            } }), index.h("div", { key: 'afc7aaa56b3522d9c8669f00ff4825f063b5383e', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: 'f75e54c74c0c4ec11a623d039e561b0f5d884260', id: `search-hint-${this.instanceId}`, class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: 'b2c706fd8ec405d7b2e2627638ba13a8c00ddb2a', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: 'a32b1ffc262aa2682e7a661ffb1d33bf75cbea57', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: '15b4fa7e527dc01d3b5ee4c5578dd8f535fec6c8', "component-type": "cta", onStartRecord: _ev => {
                 // console.log("test", ev)
                 this.hideAllButtons = true;
             }, onStopRecord: _ev => {
@@ -1490,14 +1607,14 @@ const InputForm = class {
                         });
                     }
                 }, 1000);
-            }, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: 'bd7cbc198fbeb575c0105f686683ff0b0a7cd078', class: "flex items-center" }, index.h("div", { key: '50b9e47852a3830eb9fbf0915d75d994924990fd', "aria-label": "Send message", class: "flex" }, index.h("button", { key: '15299d903700edfebc1a7084940e2fd6100ccce3', id: `send-message-button-${this.instanceId}`, class: "btn-bg-color text-white transition rounded-full p-1.5 self-center",
+            }, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: '818c0dc10014f80b7606a73789ca067ec4860ae5', class: "flex items-center" }, index.h("div", { key: '4e9f59fc6c4c7d424ddb46563b447a241a1b998d', "aria-label": "Send message", class: "flex" }, index.h("button", { key: 'a19da51b9119cda37555c66420ba79f73843f832', id: `send-message-button-${this.instanceId}`, class: "btn-bg-color text-white transition rounded-full p-1.5 self-center",
             // type="submit"
-            disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: 'f27771c390def50b54ec73c295d2c29f4193fafb', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: 'c1c893815c40e536537c0c9f1e486666ad2bb0c9', "fill-rule": "evenodd", d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z", "clip-rule": "evenodd" })))))))), this.imagesBase64List.length > 0 && (index.h("div", { key: '3f67411ac3c2f9decf28c5e73767c587744619a5', class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: ".75rem" } }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
+            disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: '69e383d261ffb92f93aed72be1daad0f8573db23', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: '6c3eb5a3055dfe9a3056f23e5d408150b63b30ed', "fill-rule": "evenodd", d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z", "clip-rule": "evenodd" })))))))), this.imagesBase64List.length > 0 && (index.h("div", { key: 'a6e55fc7c0eeae9a3350e84e3bd7fcc3eea5e06e', class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: "12px" } }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
                 this.imagesBase64List = this.imagesBase64List.filter((_, i) => i !== idx);
                 if (this.imageUploaderRef && typeof this.imageUploaderRef.removeImageAtIndex === "function") {
                     this.imageUploaderRef.removeImageAtIndex(idx);
                 }
-            } }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: '868075f816f1704f7a033e44c58b457d3221773d', class: "flex" }, " ", index.h("p", { key: 'b3f13d96e369071675db049057032c5e2df64e97', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: 'bdda68e0bdf5067c5c188a33652925453afde468', class: "flex" }, index.h("p", { key: 'bc9f69e378e0b6ad52f9c4420c6db64343ea3be2', id: `message-error-${this.instanceId}`, class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.chatLength === 0 && (index.h("div", { key: '5927e7b9968e6dc33cf3f6f4a61c3d3a5e2c86a0', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: 'b6cc8c60952881f38a68913949f63647e4dedd3f', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: 'a1330e6d41582e0af855b76a463eb4d5ba5b1c14', width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { key: 'c1e6d8628ad15d82d90d686e7f1608c0b0a1b65d', cx: "12", cy: "12", r: "10" }), index.h("path", { key: 'a339edfb79c587493f9935e19ac3db6439906d11', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: '9a5a90516a6dbaef064ad268712ada0ba9877d4f', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: '6f92ef187ba852baf48a50418028ed36ab6ce8dd', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
+            } }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: '703e617f0e374c0c9d83c3d744b258b43f49c540', class: "flex" }, " ", index.h("p", { key: '5224231ef0d8bcaf4f39b6a3ac100c6b4a0959f2', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: '3d933dbf56bde332066f40a838b2903314e73c52', class: "flex" }, index.h("p", { key: '98423eb51cbc01287e2ed3104b1eb3951c388a8f', id: `message-error-${this.instanceId}`, class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.chatLength === 0 && (index.h("div", { key: '3eaca3f631eb04755fa9e6623a7c5814878f1254', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: 'cfdc4b2eb43641a781585e3e999ac54302da0d44', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: 'fa85440cb0fcdd8ca01e6ceccb06af38ffad8fd7', width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { key: '847f62af182e0f12ded557395ea99f132314f4d3', cx: "12", cy: "12", r: "10" }), index.h("path", { key: '275bd98694c58a21f2e481a9128a3c6c1b9de7cd', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: '6bac5d6dd7180ca06b68c631cc22c52e6cba556a', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: 'd3b4532e028a0e69c34681fc80c2c8b6afe219c5', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ai12z-container.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Ct2DwlDF.js');
-var utils = require('./utils-BkemWeq3.js');
-var processCarouselData = require('./processCarouselData-6FLCPOVT.js');
+var index = require('./index-v8T1EJAJ.js');
+var utils = require('./utils-7C5_GnyF.js');
+var processCarouselData = require('./processCarouselData-kCVPE4mw.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var index$1 = require('./index-7yvwbcAl.js');
+var index$1 = require('./index-CKLC7f4y.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
 /*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */