npm - ai12z - Versions diffs - 3.17.1-alpha.2 → 3.17.1-alpha.3 - Mend

ai12z 3.17.1-alpha.2 → 3.17.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/dist/cjs/ai12z-beacon.cjs.entry.js CHANGED Viewed

@@ -9,25 +9,34 @@ const Ai12zBeacon = class {
         index.registerInstance(this, hostRef);
         this.dataKey = index.Env.DATA_KEY || "";
         this.dataMode = index.Env.DATA_MODE || "prod";
+        this.disable = false;
     }
     componentWillLoad() {
         this.initializeBeacon();
     }
-    onDataKeyChange() {
+    onPropChange() {
         this.initializeBeacon();
     }
     initializeBeacon() {
         if (!this.dataKey) {
             return;
         }
-        beacon.initBeacon(this.dataKey, this.dataMode);
+        if (!this.disable) {
+            beacon.initBeacon(this.dataKey, this.dataMode);
+        }
     }
     render() {
-        return index.h(index.Host, { key: '48ca1fb76f87618fc7b03fd60e923a16a6cdf87f', hidden: true });
+        return index.h(index.Host, { key: '84462e1e48427855a56beeca8262cb97f6752302', hidden: true });
     }
     static get watchers() { return {
         "dataKey": [{
-                "onDataKeyChange": 0
+                "onPropChange": 0
+            }],
+        "dataMode": [{
+                "onPropChange": 0
+            }],
+        "disable": [{
+                "onPropChange": 0
             }]
     }; }
 };

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

@@ -6677,17 +6677,17 @@ const AudioRecorder = class {
     render() {
         const minutes = Math.floor(this.time / 60);
         const seconds = this.time % 60;
-        return (index.h("div", { key: '3a61fd0cccae8abbf374222a23165af7c0a2946f', class: "flex w-full" }, (this.isRecording || this.isProcessing) && (index.h("div", { key: 'a463fefecfdd3ef0b1255a033a7ec75cfb3b9405', class: `relative flex items-center w-full rounded-full` }, this.isRecording && (index.h("button", { key: '38bc942c1430cb6d2e8c17c1729e3739e44ef1de', "aria-label": "Cancel Recording", onClick: e => {
+        return (index.h("div", { key: 'c381efb6f2754190186c3dce1bc87e7087ccf596', class: "flex w-full" }, (this.isRecording || this.isProcessing) && (index.h("div", { key: 'e9d618072d84648011e7c4740042685508312a2d', class: `relative flex items-center w-full rounded-full` }, this.isRecording && (index.h("button", { key: 'd291a135e07fb3caa77eafbca64e8fef837d440b', "aria-label": "Cancel Recording", onClick: e => {
                 e.preventDefault();
                 this.stopRecording("cancel");
-            }, class: "w-10 h-10 rounded-full  flex items-center justify-center text-white" }, "\u274C")), index.h("div", { key: 'ca74d03882f73b309ac2e7b5385818fd924c6254', id: "mic", style: { width: "100%" } }), this.isRecording && !this.isProcessing ? (index.h("div", { class: "ml-auto text-blue-600 font-semibold" }, String(minutes).padStart(2, "0"), ":", String(seconds).padStart(2, "0"))) : null, (this.isRecording || this.isProcessing) && (index.h("button", { key: '7391ecfdc0574a8ddf5e10f13ade8e244a2014a2', "aria-label": "Confirm Recording", disabled: this.isProcessing, onClick: e => {
+            }, class: "w-10 h-10 rounded-full  flex items-center justify-center text-white" }, "\u274C")), index.h("div", { key: '9d018b5a3b0a450d67a88de1745337830519eb36', id: "mic", style: { width: "100%" } }), this.isRecording && !this.isProcessing ? (index.h("div", { class: "ml-auto text-blue-600 font-semibold" }, String(minutes).padStart(2, "0"), ":", String(seconds).padStart(2, "0"))) : null, (this.isRecording || this.isProcessing) && (index.h("button", { key: 'b55a697513fb7de3c4087f933e03403e6f6a381e', "aria-label": "Confirm Recording", disabled: this.isProcessing, onClick: e => {
                 e.preventDefault();
                 if (!this.isProcessing)
                     this.stopRecording("stop");
-            }, class: `w-10 h-10 ml-2 rounded-full flex items-center justify-center ${this.isProcessing ? "cursor-not-allowed" : "text-blue-600"}` }, this.isProcessing ? (index.h("svg", { class: "activity-spinner", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("line", { x1: "12", y1: "2", x2: "12", y2: "5", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "0" } }), index.h("line", { x1: "16.24", y1: "3.76", x2: "14.12", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "1" } }), index.h("line", { x1: "19", y1: "7.76", x2: "16.24", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "2" } }), index.h("line", { x1: "20", y1: "12", x2: "17", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "3" } }), index.h("line", { x1: "19", y1: "16.24", x2: "16.24", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "4" } }), index.h("line", { x1: "16.24", y1: "20.24", x2: "14.12", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "5" } }), index.h("line", { x1: "12", y1: "22", x2: "12", y2: "19", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "6" } }), index.h("line", { x1: "7.76", y1: "20.24", x2: "9.88", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "7" } }), index.h("line", { x1: "5", y1: "16.24", x2: "7.76", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "8" } }), index.h("line", { x1: "4", y1: "12", x2: "7", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "9" } }), index.h("line", { x1: "5", y1: "7.76", x2: "7.76", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "10" } }), index.h("line", { x1: "7.76", y1: "3.76", x2: "9.88", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "11" } }))) : (index.h("span", { class: "text-blue-600 font-sans" }, "\u2714")))))), !this.isRecording && !this.isProcessing && (index.h("button", { key: '074a9ae606bc564537fac0666f143d2464ea3fcd', "aria-label": "Start Recording", title: "Start Recording", onClick: e => {
+            }, class: `w-10 h-10 ml-2 rounded-full flex items-center justify-center ${this.isProcessing ? "cursor-not-allowed" : "text-blue-600"}` }, this.isProcessing ? (index.h("svg", { class: "activity-spinner", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("line", { x1: "12", y1: "2", x2: "12", y2: "5", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "0" } }), index.h("line", { x1: "16.24", y1: "3.76", x2: "14.12", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "1" } }), index.h("line", { x1: "19", y1: "7.76", x2: "16.24", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "2" } }), index.h("line", { x1: "20", y1: "12", x2: "17", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "3" } }), index.h("line", { x1: "19", y1: "16.24", x2: "16.24", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "4" } }), index.h("line", { x1: "16.24", y1: "20.24", x2: "14.12", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "5" } }), index.h("line", { x1: "12", y1: "22", x2: "12", y2: "19", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "6" } }), index.h("line", { x1: "7.76", y1: "20.24", x2: "9.88", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "7" } }), index.h("line", { x1: "5", y1: "16.24", x2: "7.76", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "8" } }), index.h("line", { x1: "4", y1: "12", x2: "7", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "9" } }), index.h("line", { x1: "5", y1: "7.76", x2: "7.76", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "10" } }), index.h("line", { x1: "7.76", y1: "3.76", x2: "9.88", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "11" } }))) : (index.h("span", { class: "text-blue-600 font-sans" }, "\u2714")))))), !this.isRecording && !this.isProcessing && (index.h("button", { key: '0a321fb59ced6d858534e5817a2a0ac9f5c7a4a1', "aria-label": "Start Recording", title: "Start Recording", onClick: e => {
                 e.preventDefault();
                 this.startRecording();
-            }, class: `flex ${this.componentType === "search" || this.componentType === "cta" ? "p-1.5 mr-0.5 self-center mt-0.5" : "w-10 h-8 p-0 mt-4"}` }, index.h("svg", { key: '93ad9e4839efd9b6a29b3e2a7d1f83340b50a89e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", class: `w-5 h-5 translate-y-[0.5px] ${this.componentType === "search" || this.componentType === "cta" ? "mic-icon" : "mic-botIcon"}` }, index.h("path", { key: '6672944fcf0ba983b344a857b1bc8b704c4322c9', d: "M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" }), index.h("path", { key: '85ef503991add4f986e84fbed3e5f79ba1e162ed', d: "M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z" }))))));
+            }, class: `flex ${this.componentType === "search" || this.componentType === "cta" ? "p-1.5 mr-0.5 self-center mt-0.5" : "w-10 h-8 p-0 mt-4"}` }, index.h("svg", { key: '48882741d3a1bcfaded9cbaf5094f0b89c73cb78', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", class: `w-5 h-5 translate-y-[0.5px] ${this.componentType === "search" || this.componentType === "cta" ? "mic-icon" : "mic-botIcon"}` }, index.h("path", { key: 'e344d7404f71e5fd86246e3422b5f826abb4b85c', d: "M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" }), index.h("path", { key: '797aac54042925a574342e203114e9c133fc9f95', d: "M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z" }))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -156,9 +156,9 @@ const Ai12zChatMessage = class {
     render() {
         var _a, _b, _c, _d;
         const lineClamp = (_b = (_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.numberOfLines) !== null && _b !== void 0 ? _b : 10;
-        return (index.h("div", { key: '54f51ffb7c06bbb20fc1088c0fb63a8669d7ba45', class: "chat-message" }, index.h("div", { key: '281bc75361bcfadb4611eefeb9697d525b9e2d27', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
+        return (index.h("div", { key: '678e7290618485a7a59f60642a2a7774c84ff87e', class: "chat-message" }, index.h("div", { key: '6b47a9bfeec40b41d1dcbbe026f3553f5950815e', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
                 "--line-clamp": `${lineClamp}`,
-            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: 'd6e262dbca0934b97fafb3dd7723b3b9333d8e10', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: 'e1e711b71656763ecdeb1cb6f73166528f023914', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
+            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: 'dc643873c5d998735c11d318dd65adf974abf4be', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '7bbd87c7c71796a4b7e43d290536c13fc39254cc', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1142,7 +1142,7 @@ const MyChat = class {
     render() {
         var _a;
         const email = "";
-        return (index.h("div", { key: '19726973405085efbdf60798ceae80d8b0c8d1d9' }, index.h("ul", { key: '75a7be393d0b66ed126bbb945b6161de9426e3fb', id: "main-content", tabindex: "-1", class: {
+        return (index.h("div", { key: '5883ac798ea9966385dc63a39f5e4bc2afb4c866' }, index.h("ul", { key: 'f46ac1484464dac37be35530bd44f4702ddbdb97', id: "main-content", tabindex: "-1", class: {
                 "chat-list": true,
                 "custom-list": this.componentType === "search",
                 // "custom-chat-top-height": this.componentType === "search",
@@ -1171,7 +1171,7 @@ const MyChat = class {
                         let popup = e.target.querySelector(".non-user-container");
                         if (popup)
                             popup.style.display = "none";
-                    } }, chat.status !== "pending" && !(chat.type === "user" && chat.isHide) && (index.h("div", { class: {
+                    }, style: { width: chat.type !== "user" ? "90%" : "auto" } }, chat.status !== "pending" && !(chat.type === "user" && chat.isHide) && (index.h("div", { class: {
                         "p-4": true,
                         "max-w-full": this.componentType === "search" ? true : false,
                         "prose": true,
@@ -1186,7 +1186,16 @@ const MyChat = class {
                     }, id: chat.id, innerHTML: chat.message }, (_c = chat === null || chat === void 0 ? void 0 : chat.images) === null || _c === void 0 ? void 0 :
                     _c.map(img => {
                         return index.h("img", { src: img, class: "thumbnail", alt: "thumbnail", width: "70", height: "50" });
-                    }), chat.type !== "user" && (index.h("svg", { class: "animate-spin h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", id: "spinner" }, index.h("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }), index.h("path", { class: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }))))), chat.type !== "user" && chat.clipboard && ((_d = this.settings.showMessageIcons) !== null && _d !== void 0 ? _d : true) && !chat.surveyDomId && (index.h("div", { class: "non-user-container", style: { display: "none" } }, this.isPlayed && (index.h("button", { class: "copy-btn", "aria-label": "Stop", tabindex: "0", onClick: () => {
+                    }), chat.type !== "user" && (
+                // <svg class="animate-spin h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="spinner">
+                //   <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                //   <path
+                //     class="opacity-75"
+                //     fill="currentColor"
+                //     d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                //   ></path>
+                // </svg>
+                index.h("div", { class: "w-full rounded-md", id: "spinner" }, index.h("div", { class: "flex animate-pulse space-x-4" }, index.h("div", { class: "flex-1 space-y-3 py-1" }, index.h("div", { class: "h-4 rounded bg-gray-200" }), index.h("div", { class: "space-y-3" }, index.h("div", { class: "grid grid-cols-3 gap-4" }, index.h("div", { class: "col-span-2 h-4 rounded bg-gray-200" }), index.h("div", { class: "col-span-1 h-4 rounded bg-gray-200" })), index.h("div", { class: "h-4 rounded bg-gray-200" })))))))), chat.type !== "user" && chat.clipboard && ((_d = this.settings.showMessageIcons) !== null && _d !== void 0 ? _d : true) && !chat.surveyDomId && (index.h("div", { class: "non-user-container", style: { display: "none" } }, this.isPlayed && (index.h("button", { class: "copy-btn", "aria-label": "Stop", tabindex: "0", onClick: () => {
                         this.isPlayed = false;
                         window.speechSynthesis.cancel();
                         if (this.audioElement) {
@@ -1209,7 +1218,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: 'f4204e65c85c358653d91d74ce47c77f03382d12', class: "scroll-bottom" }))));
+            }), index.h("div", { key: '53802e68891a2c65e85f5df2086b129bcd15fb04', class: "scroll-bottom" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -1220,7 +1229,7 @@ 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: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 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:black !important}.plus-icon{color:#fff;background-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)}.searchbar-bordercolor{border:1px solid grey}.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) {
@@ -1567,21 +1576,21 @@ const InputForm = class {
         //   this.icon_width = url.searchParams.get("w") || "28"
         //   this.icon_height = url.searchParams.get("h") || "28"
         // }
-        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 => {
+        return (index.h("div", { key: 'c59679b3a11b641402f5c2b328356ad114b43833' }, index.h("form", { key: 'a804577f24fc37e7da8fbec9fae402122c72ac89', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: '7aa25122583eb481fc813803409e1d7f8f341b11', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor searchbar-bordercolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: '8a023eb115800c83962d191caaff210154a7d6a0', class: "flex items-center" }, index.h("div", { key: 'f4faaf4508c2e2a56b890af2d173352edffcb99f', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: '4300e90cc7256a0b799b910b7e452d3cd4c6830f', class: "ai12z-plus-anchor relative inline-block", style: { width: "5%" } }, index.h("button", { key: 'abfeb315a8bbb5be023bd5dde8eccdfa691ff7a9', class: "plus-icon rounded-full p-1.5", "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("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: () => {
+            } }, index.h("svg", { key: '5300f423cada715d556a1694b170090e58465b06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '6a6de741c48a4984384af07a7f10088bed4afe01', 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: 'c42e95662bd835bfa39b89a9de4f6c1e460d62fe', 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: 'ba781458c49fa5060751cf5790cbec739dbe1f3b', class: "ai12z-menu-list" }, this.isImageUpload && (index.h("li", { key: '1fd2ddff8bc73553a645388a0a7d967c9fe2e8da', role: "none", class: "ai12z-menu-item--uploader" }, index.h("image-uploader", { key: 'bc61d3d1789184cbc612a122be4a8e3529f6091e', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '010ceb2b8240d4f4cf35a37ef5899efbee9f4fd1', role: "none" }, index.h("button", { key: '47699e693a3b731896294ef7d74027d2c0f475f7', 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 => {
+            } }, index.h("span", { key: 'b1afc23600c64684093f19b19b03c63a212254c6', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '91e5aa67bcd8732f82a07504a65542304a8119a9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '3ca1688a7176f77357daa3d4ea25583f1be09c96', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: '4819afb3d8e7fd2234bc3cbbc7b2eb9b36740509', "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: 'd74e0d316d7aae01343ff52f5285fab133ee01eb', class: "ai12z-menu-item__label" }, "Capture"))), index.h("li", { key: '704863f7e0fea6036380d88359715c3b4613ca84', role: "none" }, index.h("button", { key: '96386341f068862e5f9017a1efe81f8145bfe693', 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;
                 this.handleFollowUp(e);
                 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 => {
+            } }, index.h("span", { key: 'a0cbeeeaacf902ddfd505e3fb0488b1139fc14bf', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'a67d1363c4db34efc0ef8a1efceed2794746b9e9', 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: '8bad81e7ac00aff9de9a5f481f30cba394b3492c', 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: '923ff23c54c4da16eb354cb814938aad7dbe3848', class: "ai12z-menu-item__label" }, "Start Over"))), index.h("li", { key: 'edcef70bd7c4eaed65b22948a8893d046b5c22b4', role: "none" }, index.h("button", { key: '9dffd637d14f75a836be0586fec2757dbf9ec1bd', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "View Recent Chat", onClick: e => {
                 this.handleRecentChat(e);
                 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 => {
+            } }, index.h("span", { key: 'fa76c265e229a4c967540ff10204d8c801ed29ab', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'bf3363b0ece370dd5aa5b6e3fedfebc4fed2dc04', 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: 'c1de8f7a7ecc3663430c0eda0aef7596a4bfe024', 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: 'c70b69583d3568feea22746e53aafc2e126c515b', d: "M12 7v5l3 2" }))), index.h("span", { key: 'dbe600795088274027d6ae7d9b9659e7dc877a9e', class: "ai12z-menu-item__label" }, "View Recent Chat")))))))), !this.hideAllButtons && (index.h("div", { key: '46bb01b59bc75941717b29336ca135b78da02ba4', 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: '8316ebe388c800d2749f48a373eed18f4d8cc12f', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: '5233d660b64cbce8b5b1d4531a442a277001608b', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: '17fbc8d286e714c7aa3032910c947b59974c5cb0', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: '9a527bf5e1157553950b803928dd7e35b2c63647', 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;
                 // Autofocus once on first mount, and never while the
                 // options menu is open — otherwise unrelated re-renders
@@ -1593,7 +1602,7 @@ const InputForm = class {
                 }
             }, 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: '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 => {
+            } }), index.h("div", { key: '54d33e51786f35610bcafd28a5df672479601cf0', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: 'a71eb1d8a69ff19ad0a25c109a10ad131b057da9', id: `search-hint-${this.instanceId}`, class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: 'c48bea326d1664fc38eeca340367e0a3e162705a', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: 'b6fd11d68b22ee353231a2992922d1c0d992a068', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: '53cdabee4d2bfa8ca2722b986485c6120663dc2c', "component-type": "cta", onStartRecord: _ev => {
                 // console.log("test", ev)
                 this.hideAllButtons = true;
             }, onStopRecord: _ev => {
@@ -1611,14 +1620,14 @@ const InputForm = class {
                         });
                     }
                 }, 1000);
-            }, 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",
+            }, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: 'a3c6d7e8f5d52dbe6d2d6cc182829b91ce8b8466', class: "flex items-center" }, index.h("div", { key: '2d6c1e44fcd211cbb7927decc8ebc1a58e2c2ee2', "aria-label": "Send message", class: "flex" }, index.h("button", { key: '4f886d15573c290c41daf52fcd0a2e82ef12fbd8', 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: '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: () => {
+            disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: '720a1bf26391041ae0093ad226eeeb7c791cdf1d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: 'e910efa1cb7e905fb734d32007f18eec13c8f97a', "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: 'd47b58901e9518deddb8d3d65d4e4179eec4a05c', 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: '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) }))));
+            } }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: 'a5ce72356cc4b4f4ffa3a7e753d6cc07143ebd46', class: "flex" }, " ", index.h("p", { key: '40640b98780fe7bc5b2e32c1e5f4a61ae8094bbc', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: '09840c296e46ab20ad4f2863cc089f5e597da9b5', class: "flex" }, index.h("p", { key: 'ad516e2b0b3da9e88055c4828719fd973d4ba971', 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: '32e488697d98f2af9d9ef9644c416e84823b3fe4', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: 'a75ede4a71ba3dabb9b6707308c1b56207428085', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: 'bfe8d8b5d91b51ecd381cf74d198832e5156d083', 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: '8de67ac0fe02ddd576060c1a565db44b186292b9', cx: "12", cy: "12", r: "10" }), index.h("path", { key: 'dd220b97f809b0786bfa608539ad6b9ccad97eb1', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: '020e811e75544f5ab872b296160923cc6141403d', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: '339cb22eba5f5256eabd3c59761a7da96fb03a9b', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
     }
     get el() { return index.getElement(this); }
 };