@eshal-bot/chat-widget 0.1.17 → 0.1.19

package/dist/chat-widget.js

@@ -1,4 +1,4 @@
-(function () {
+(function (utils) {
   'use strict';
 
   function _mergeNamespaces(n, m) {
@@ -510,6 +510,10 @@
     m$1.hydrateRoot;
   }
 
+  var css_248z$1 = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.chat-widget-root{--cw-primary:#2563eb;--cw-primary-hover:#1d4ed8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.\\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}#chat-widget-root .chat-widget-root *{box-sizing:border-box;margin:0;padding:0}#chat-widget-root .chat-messages::-webkit-scrollbar{width:6px}#chat-widget-root .chat-messages::-webkit-scrollbar-track{background:transparent}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:10px}#chat-widget-root .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb{background:rgba(75,85,99,.5)}#chat-widget-root .dark .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(75,85,99,.7)}#chat-widget-root .pointer-events-none{pointer-events:none}#chat-widget-root .visible{visibility:visible}#chat-widget-root .static{position:static}#chat-widget-root .fixed{position:fixed}#chat-widget-root .absolute{position:absolute}#chat-widget-root .relative{position:relative}#chat-widget-root .inset-0{inset:0}#chat-widget-root .-right-1{right:-.25rem}#chat-widget-root .-top-1{top:-.25rem}#chat-widget-root .bottom-5{bottom:1.25rem}#chat-widget-root .bottom-full{bottom:100%}#chat-widget-root .left-0{left:0}#chat-widget-root .left-5{left:1.25rem}#chat-widget-root .right-0{right:0}#chat-widget-root .right-5{right:1.25rem}#chat-widget-root .top-1\\/2{top:50%}#chat-widget-root .top-5{top:1.25rem}#chat-widget-root .z-10{z-index:10}#chat-widget-root .z-50{z-index:50}#chat-widget-root .z-\\[999999\\]{z-index:999999}#chat-widget-root .m-0{margin:0}#chat-widget-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}#chat-widget-root .my-3{margin-bottom:.75rem;margin-top:.75rem}#chat-widget-root .my-4{margin-bottom:1rem;margin-top:1rem}#chat-widget-root .-mb-px{margin-bottom:-1px}#chat-widget-root .mb-1{margin-bottom:.25rem}#chat-widget-root .mb-2{margin-bottom:.5rem}#chat-widget-root .mb-3{margin-bottom:.75rem}#chat-widget-root .mb-4{margin-bottom:1rem}#chat-widget-root .mb-5{margin-bottom:1.25rem}#chat-widget-root .ml-0\\.5{margin-left:.125rem}#chat-widget-root .ml-1{margin-left:.25rem}#chat-widget-root .mt-1{margin-top:.25rem}#chat-widget-root .mt-1\\.5{margin-top:.375rem}#chat-widget-root .mt-2{margin-top:.5rem}#chat-widget-root .mt-3{margin-top:.75rem}#chat-widget-root .mt-4{margin-top:1rem}#chat-widget-root .block{display:block}#chat-widget-root .inline-block{display:inline-block}#chat-widget-root .inline{display:inline}#chat-widget-root .flex{display:flex}#chat-widget-root .inline-flex{display:inline-flex}#chat-widget-root .table{display:table}#chat-widget-root .hidden{display:none}#chat-widget-root .h-1\\.5{height:.375rem}#chat-widget-root .h-10{height:2.5rem}#chat-widget-root .h-12{height:3rem}#chat-widget-root .h-14{height:3.5rem}#chat-widget-root .h-16{height:4rem}#chat-widget-root .h-2{height:.5rem}#chat-widget-root .h-3{height:.75rem}#chat-widget-root .h-3\\.5{height:.875rem}#chat-widget-root .h-4{height:1rem}#chat-widget-root .h-5{height:1.25rem}#chat-widget-root .h-7{height:1.75rem}#chat-widget-root .h-8{height:2rem}#chat-widget-root .h-\\[48px\\]{height:48px}#chat-widget-root .h-\\[650px\\]{height:650px}#chat-widget-root .h-auto{height:auto}#chat-widget-root .h-full{height:100%}#chat-widget-root .h-px{height:1px}#chat-widget-root .max-h-\\[85vh\\]{max-height:85vh}#chat-widget-root .min-h-0{min-height:0}#chat-widget-root .min-h-\\[48px\\]{min-height:48px}#chat-widget-root .w-1\\.5{width:.375rem}#chat-widget-root .w-10{width:2.5rem}#chat-widget-root .w-14{width:3.5rem}#chat-widget-root .w-16{width:4rem}#chat-widget-root .w-2{width:.5rem}#chat-widget-root .w-3\\.5{width:.875rem}#chat-widget-root .w-4{width:1rem}#chat-widget-root .w-5{width:1.25rem}#chat-widget-root .w-7{width:1.75rem}#chat-widget-root .w-8{width:2rem}#chat-widget-root .w-80{width:20rem}#chat-widget-root .w-96{width:24rem}#chat-widget-root .w-\\[380px\\]{width:380px}#chat-widget-root .w-\\[48px\\]{width:48px}#chat-widget-root .w-full{width:100%}#chat-widget-root .min-w-0{min-width:0}#chat-widget-root .min-w-\\[60px\\]{min-width:60px}#chat-widget-root .min-w-full{min-width:100%}#chat-widget-root .max-w-\\[75\\%\\]{max-width:75%}#chat-widget-root .max-w-\\[85\\%\\]{max-width:85%}#chat-widget-root .max-w-\\[92vw\\]{max-width:92vw}#chat-widget-root .max-w-full{max-width:100%}#chat-widget-root .max-w-none{max-width:none}#chat-widget-root .max-w-sm{max-width:24rem}#chat-widget-root .max-w-xs{max-width:20rem}#chat-widget-root .flex-1{flex:1 1 0%}#chat-widget-root .flex-shrink-0{flex-shrink:0}#chat-widget-root .border-collapse{border-collapse:collapse}#chat-widget-root .-translate-y-1\\/2{--tw-translate-y:-50%}#chat-widget-root .-translate-y-1\\/2,#chat-widget-root .rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .rotate-0{--tw-rotate:0deg}#chat-widget-root .scale-0{--tw-scale-x:0;--tw-scale-y:0}#chat-widget-root .scale-0,#chat-widget-root .scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}#chat-widget-root .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .scale-110,#chat-widget-root .scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}#chat-widget-root .animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}#chat-widget-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}#chat-widget-root .animate-spin{animation:spin 1s linear infinite}#chat-widget-root .cursor-not-allowed{cursor:not-allowed}#chat-widget-root .cursor-pointer{cursor:pointer}#chat-widget-root .resize-none{resize:none}#chat-widget-root .resize{resize:both}#chat-widget-root .list-decimal{list-style-type:decimal}#chat-widget-root .list-disc{list-style-type:disc}#chat-widget-root .list-none{list-style-type:none}#chat-widget-root .flex-row{flex-direction:row}#chat-widget-root .flex-row-reverse{flex-direction:row-reverse}#chat-widget-root .flex-col{flex-direction:column}#chat-widget-root .flex-wrap{flex-wrap:wrap}#chat-widget-root .items-start{align-items:flex-start}#chat-widget-root .items-end{align-items:flex-end}#chat-widget-root .items-center{align-items:center}#chat-widget-root .justify-center{justify-content:center}#chat-widget-root .justify-between{justify-content:space-between}#chat-widget-root .gap-0{gap:0}#chat-widget-root .gap-1{gap:.25rem}#chat-widget-root .gap-1\\.5{gap:.375rem}#chat-widget-root .gap-2{gap:.5rem}#chat-widget-root .gap-2\\.5{gap:.625rem}#chat-widget-root .gap-3{gap:.75rem}#chat-widget-root .gap-6{gap:1.5rem}#chat-widget-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}#chat-widget-root .overflow-hidden{overflow:hidden}#chat-widget-root .overflow-x-auto{overflow-x:auto}#chat-widget-root .overflow-y-auto{overflow-y:auto}#chat-widget-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-widget-root .whitespace-normal{white-space:normal}#chat-widget-root .whitespace-nowrap{white-space:nowrap}#chat-widget-root .whitespace-pre-wrap{white-space:pre-wrap}#chat-widget-root .break-words{overflow-wrap:break-word}#chat-widget-root .rounded{border-radius:.25rem}#chat-widget-root .rounded-2xl{border-radius:1rem}#chat-widget-root .rounded-3xl{border-radius:1.5rem}#chat-widget-root .rounded-full{border-radius:9999px}#chat-widget-root .rounded-lg{border-radius:.5rem}#chat-widget-root .rounded-xl{border-radius:.75rem}#chat-widget-root .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}#chat-widget-root .rounded-tl-sm{border-top-left-radius:.125rem}#chat-widget-root .rounded-tr-sm{border-top-right-radius:.125rem}#chat-widget-root .border{border-width:1px}#chat-widget-root .border-0{border-width:0}#chat-widget-root .border-2{border-width:2px}#chat-widget-root .border-l-4{border-left-width:4px}#chat-widget-root .border-t{border-top-width:1px}#chat-widget-root .border-t-2{border-top-width:2px}#chat-widget-root .border-dotted{border-style:dotted}#chat-widget-root .border-none{border-style:none}#chat-widget-root .\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}#chat-widget-root .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}#chat-widget-root .border-blue-700\\/50{border-color:rgba(29,78,216,.5)}#chat-widget-root .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-200\\/50{border-color:rgba(229,231,235,.5)}#chat-widget-root .border-gray-200\\/60{border-color:rgba(229,231,235,.6)}#chat-widget-root .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}#chat-widget-root .border-gray-700\\/50{border-color:rgba(55,65,81,.5)}#chat-widget-root .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}#chat-widget-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-blue-900\\/30{background-color:rgba(30,58,138,.3)}#chat-widget-root .bg-current{background-color:currentColor}#chat-widget-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-100\\/80{background-color:rgba(243,244,246,.8)}#chat-widget-root .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-700\\/50{background-color:rgba(55,65,81,.5)}#chat-widget-root .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gray-800\\/50{background-color:rgba(31,41,55,.5)}#chat-widget-root .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}#chat-widget-root .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}#chat-widget-root .bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}#chat-widget-root .bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}#chat-widget-root .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}#chat-widget-root .bg-slate-50\\/50{background-color:rgba(248,250,252,.5)}#chat-widget-root .bg-slate-800\\/50{background-color:rgba(30,41,59,.5)}#chat-widget-root .bg-transparent{background-color:transparent}#chat-widget-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#chat-widget-root .bg-white\\/10{background-color:hsla(0,0%,100%,.1)}#chat-widget-root .bg-white\\/20{background-color:hsla(0,0%,100%,.2)}#chat-widget-root .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}#chat-widget-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}#chat-widget-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}#chat-widget-root .from-gray-50\\/50{--tw-gradient-from:rgba(249,250,251,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/0{--tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .from-white\\/10{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}#chat-widget-root .via-white\\/5{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}#chat-widget-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}#chat-widget-root .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}#chat-widget-root .to-white\\/10{--tw-gradient-to:hsla(0,0%,100%,.1) var(--tw-gradient-to-position)}#chat-widget-root .object-cover{-o-object-fit:cover;object-fit:cover}#chat-widget-root .p-0{padding:0}#chat-widget-root .p-3{padding:.75rem}#chat-widget-root .p-5{padding:1.25rem}#chat-widget-root .p-8{padding:2rem}#chat-widget-root .px-1{padding-left:.25rem;padding-right:.25rem}#chat-widget-root .px-2{padding-left:.5rem;padding-right:.5rem}#chat-widget-root .px-3{padding-left:.75rem;padding-right:.75rem}#chat-widget-root .px-4{padding-left:1rem;padding-right:1rem}#chat-widget-root .px-5{padding-left:1.25rem;padding-right:1.25rem}#chat-widget-root .py-1{padding-bottom:.25rem;padding-top:.25rem}#chat-widget-root .py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}#chat-widget-root .py-12{padding-bottom:3rem;padding-top:3rem}#chat-widget-root .py-2{padding-bottom:.5rem;padding-top:.5rem}#chat-widget-root .py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}#chat-widget-root .py-3{padding-bottom:.75rem;padding-top:.75rem}#chat-widget-root .py-4{padding-bottom:1rem;padding-top:1rem}#chat-widget-root .pb-1{padding-bottom:.25rem}#chat-widget-root .pb-2{padding-bottom:.5rem}#chat-widget-root .pl-4{padding-left:1rem}#chat-widget-root .pl-5{padding-left:1.25rem}#chat-widget-root .pl-\\[50px\\]{padding-left:50px}#chat-widget-root .pt-1{padding-top:.25rem}#chat-widget-root .text-left{text-align:left}#chat-widget-root .text-center{text-align:center}#chat-widget-root .text-right{text-align:right}#chat-widget-root .align-middle{vertical-align:middle}#chat-widget-root .align-text-bottom{vertical-align:text-bottom}#chat-widget-root .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#chat-widget-root .text-2xl{font-size:1.5rem;line-height:2rem}#chat-widget-root .text-\\[10px\\]{font-size:10px}#chat-widget-root .text-\\[11px\\]{font-size:11px}#chat-widget-root .text-\\[15px\\]{font-size:15px}#chat-widget-root .text-base{font-size:1rem;line-height:1.5rem}#chat-widget-root .text-lg{font-size:1.125rem;line-height:1.75rem}#chat-widget-root .text-sm{font-size:.875rem;line-height:1.25rem}#chat-widget-root .text-xl{font-size:1.25rem;line-height:1.75rem}#chat-widget-root .text-xs{font-size:.75rem;line-height:1rem}#chat-widget-root .font-bold{font-weight:700}#chat-widget-root .font-medium{font-weight:500}#chat-widget-root .font-semibold{font-weight:600}#chat-widget-root .uppercase{text-transform:uppercase}#chat-widget-root .lowercase{text-transform:lowercase}#chat-widget-root .italic{font-style:italic}#chat-widget-root .leading-normal{line-height:1.5}#chat-widget-root .leading-relaxed{line-height:1.625}#chat-widget-root .leading-snug{line-height:1.375}#chat-widget-root .leading-tight{line-height:1.25}#chat-widget-root .tracking-wide{letter-spacing:.025em}#chat-widget-root .text-\\[\\#4A5568\\]{--tw-text-opacity:1;color:rgb(74 85 104/var(--tw-text-opacity,1))}#chat-widget-root .text-current{color:currentColor}#chat-widget-root .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-500\\/80{color:hsla(220,9%,46%,.8)}#chat-widget-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}#chat-widget-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}#chat-widget-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}#chat-widget-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}#chat-widget-root .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}#chat-widget-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#chat-widget-root .no-underline{text-decoration-line:none}#chat-widget-root .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}#chat-widget-root .opacity-0{opacity:0}#chat-widget-root .opacity-50{opacity:.5}#chat-widget-root .opacity-60{opacity:.6}#chat-widget-root .opacity-80{opacity:.8}#chat-widget-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}#chat-widget-root .shadow,#chat-widget-root .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}#chat-widget-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}#chat-widget-root .shadow-lg,#chat-widget-root .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}#chat-widget-root .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}#chat-widget-root .shadow-none,#chat-widget-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}#chat-widget-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .outline-none{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}#chat-widget-root .brightness-0{--tw-brightness:brightness(0)}#chat-widget-root .brightness-0,#chat-widget-root .drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}#chat-widget-root .drop-shadow-md,#chat-widget-root .invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .invert{--tw-invert:invert(100%)}#chat-widget-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#chat-widget-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#chat-widget-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .duration-150{transition-duration:.15s}#chat-widget-root .duration-200{transition-duration:.2s}#chat-widget-root .duration-300{transition-duration:.3s}#chat-widget-root .duration-500{transition-duration:.5s}#chat-widget-root :is(#chat-widget-root .animate-in){animation:slideIn .3s ease-out}#chat-widget-root :is(#chat-widget-root .transition-all){transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#8C8C8C\\]::placeholder{--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .placeholder\\:text-\\[\\#A2A9B2\\]::placeholder{--tw-text-opacity:1;color:rgb(162 169 178/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}#chat-widget-root .hover\\:scale-105:hover,#chat-widget-root .hover\\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .hover\\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}#chat-widget-root .hover\\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-blue-900\\/50:hover{background-color:rgba(30,58,138,.5)}#chat-widget-root .hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-gray-800\\/80:hover{background-color:rgba(31,41,55,.8)}#chat-widget-root .hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}#chat-widget-root .hover\\:bg-transparent:hover{background-color:transparent}#chat-widget-root .hover\\:underline:hover{text-decoration-line:underline}#chat-widget-root .hover\\:opacity-80:hover{opacity:.8}#chat-widget-root .hover\\:opacity-90:hover{opacity:.9}#chat-widget-root .hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#chat-widget-root .focus\\:\\!border-red-500:focus{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}#chat-widget-root .focus\\:border-\\[\\#5A6069\\]:focus{--tw-border-opacity:1;border-color:rgb(90 96 105/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:border-\\[\\#B0B0B0\\]:focus{--tw-border-opacity:1;border-color:rgb(176 176 176/var(--tw-border-opacity,1))}#chat-widget-root .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus-visible\\:ring-white\\/40:focus-visible{--tw-ring-color:hsla(0,0%,100%,.4)}#chat-widget-root .active\\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}#chat-widget-root .active\\:scale-95:active,#chat-widget-root .active\\:scale-\\[0\\.98\\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}#chat-widget-root .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}#chat-widget-root .disabled\\:opacity-40:disabled{opacity:.4}#chat-widget-root .disabled\\:opacity-50:disabled{opacity:.5}#chat-widget-root .disabled\\:shadow-none:disabled{--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)}#chat-widget-root :is(.group:hover .group-hover\\:scale-100){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#chat-widget-root :is(.group:hover .group-hover\\:opacity-100){opacity:1}#chat-widget-root .dark\\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .dark\\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}#chat-widget-root .rtl\\:rounded-tl-2xl:where([dir=rtl],[dir=rtl] *){border-top-left-radius:1rem}#chat-widget-root .rtl\\:rounded-tr-sm:where([dir=rtl],[dir=rtl] *){border-top-right-radius:.125rem}#chat-widget-root .\\[\\&\\:first-child\\]\\:\\!mt-0:first-child{margin-top:0!important}#chat-widget-root .\\[\\&\\:not\\(\\:last-child\\)\\]\\:mb-2:not(:last-child){margin-bottom:.5rem}#chat-widget-root :is(.\\[\\&\\>\\*\\:first-child\\]\\:\\!mt-0>:first-child){margin-top:0!important}#chat-widget-root :is(.\\[\\&\\>\\*\\:last-child\\]\\:\\!mb-0>:last-child){margin-bottom:0!important}";
+
+  var css_248z = ".chat-widget-root{position:fixed;z-index:999999}.chat-widget-container{color:var(--cw-text-color,inherit);font-family:var(\r\n    --cw-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif\r\n  )}#chat-widget-root .chat-messages p{overflow-wrap:anywhere;word-break:break-word}textarea#chat-widget-input::-moz-placeholder{border:none;line-height:48px;outline:none}textarea#chat-widget-input::placeholder{border:none;line-height:48px;outline:none}textarea#chat-widget-input{border:none;line-height:48px;outline:none}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#chat-widget-root .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}#chat-widget-root .scrollbar-hide::-webkit-scrollbar{display:none}@media print{.chat-widget-root{display:none!important}}";
+
   /**
    * SSE (Server-Sent Events) parsing utilities
    */
@@ -613,7 +617,7 @@
     }
   };
 
-  const _excluded$2 = ["prompts"];
+  const _excluded$3 = ["prompts"];
 
   // ============================================================================
   // TYPES & INTERFACES
@@ -765,7 +769,7 @@
           {
             prompts
           } = _ref,
-          extraFields = _objectWithoutProperties$1(_ref, _excluded$2);
+          extraFields = _objectWithoutProperties$1(_ref, _excluded$3);
         updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2(_objectSpread2({}, lastMessage), extraFields), {}, {
           // e.g. conclusionDetected or other flags
           content,
@@ -1408,6 +1412,7 @@
     const [bidiMessages, setBidiMessages] = reactExports.useState([]);
     const [voiceStatus, setVoiceStatus] = reactExports.useState("idle"); // 'idle' | 'connecting' | 'connected' | 'error'
     const [voiceError, setVoiceError] = reactExports.useState(null);
+    const [voiceConclusionForCsat, setVoiceConclusionForCsat] = reactExports.useState(false); // set when backend sends conclusion_detected in voice so ChatWindow can show CSAT
     const [bidiSessionId] = reactExports.useState(() => "widget-session-".concat(Math.random().toString(36).slice(2, 9)));
 
     // Bidi refs
@@ -1427,6 +1432,7 @@
     const isProcessingAssistantUpdateRef = reactExports.useRef(false); // Track if we're currently processing an assistant update
     const lastProcessedAssistantContentRef = reactExports.useRef(null); // Track last processed content to prevent duplicates
     const userHasSpokenRef = reactExports.useRef(false); // Track if user has sent first message - prevents automatic greetings
+    const stopVoiceSessionRef = reactExports.useRef(null); // Ref to avoid referencing stopVoiceSession before it is defined in handleBidiEvent
 
     const websocketUrl = reactExports.useMemo(() => {
       if (!organizationId) return null;
@@ -2464,7 +2470,7 @@
       }));
     }, []);
     const handleBidiEvent = reactExports.useCallback(event => {
-      var _event$content, _event$outputTranscri3, _event$content4;
+      var _event$content, _event$conclusion_det, _event$outputTranscri3, _event$content4;
       console.log("[BIDI] handleBidiEvent called", {
         event,
         isVoiceSessionActive: isVoiceSessionActiveRef.current,
@@ -2478,6 +2484,16 @@
         console.warn("[BIDI] handleBidiEvent: received null/undefined event");
         return;
       }
+
+      // Handle conversation conclusion for voice (bidi) sessions
+      const conclusionDetected = (_event$conclusion_det = event.conclusion_detected) !== null && _event$conclusion_det !== void 0 ? _event$conclusion_det : event.conclusionDetected;
+      if (typeof conclusionDetected === "boolean" && conclusionDetected) {
+        var _stopVoiceSessionRef$;
+        // Stop the voice session so mic + listening state are cleared (ref avoids TDZ - stopVoiceSession is defined later)
+        (_stopVoiceSessionRef$ = stopVoiceSessionRef.current) === null || _stopVoiceSessionRef$ === void 0 || _stopVoiceSessionRef$.call(stopVoiceSessionRef);
+        // Signal ChatWindow to show CSAT (voice path; backend sends conclusion in event, not on message)
+        setVoiceConclusionForCsat(true);
+      }
       if (event.turnComplete) {
         console.log("[BIDI] handleBidiEvent: processing turnComplete");
         handleTurnComplete();
@@ -2641,6 +2657,7 @@
       setVoiceStatus(prev => prev === "connected" ? prev : "connecting");
       setIsVoiceSessionActive(true);
       isVoiceSessionActiveRef.current = true;
+      setVoiceConclusionForCsat(false); // clear so next conclusion can trigger CSAT
 
       // Reset userHasSpoken flag when starting new session
       userHasSpokenRef.current = false;
@@ -2701,6 +2718,11 @@
       micStreamRef.current = null;
       isAudioReadyRef.current = false;
     }, []);
+
+    // Keep ref updated so handleBidiEvent (defined earlier) can call stopVoiceSession without TDZ
+    reactExports.useEffect(() => {
+      stopVoiceSessionRef.current = stopVoiceSession;
+    }, [stopVoiceSession]);
     const handleVoiceToggle = reactExports.useCallback(() => {
       if (isVoiceSessionActive) {
         stopVoiceSession();
@@ -2822,6 +2844,7 @@
       isVoiceSessionActive,
       voiceStatus,
       voiceError,
+      voiceConclusionForCsat,
       // Onboarding state
       onboardingQuestions,
       onboardingActive,
@@ -28392,7 +28415,7 @@
     return langs.indexOf(language) !== -1;
   });
 
-  var _excluded$1 = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
+  var _excluded$2 = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var newLineRegex = /\n/g;
@@ -28704,7 +28727,7 @@
         _ref7$code = _ref7.code,
         code = _ref7$code === void 0 ? (Array.isArray(children) ? children[0] : children) || '' : _ref7$code,
         astGenerator = _ref7.astGenerator,
-        rest = _objectWithoutProperties(_ref7, _excluded$1);
+        rest = _objectWithoutProperties(_ref7, _excluded$2);
       astGenerator = astGenerator || defaultAstGenerator;
       var allLineNumbers = showLineNumbers ? /*#__PURE__*/reactExports.createElement(AllLineNumbers, {
         containerStyle: lineNumberContainerStyle,
@@ -56977,7 +57000,7 @@
     }, [fontFamily]);
   }
 
-  const _excluded = ["node", "children"],
+  const _excluded$1 = ["node", "children"],
     _excluded2 = ["node", "children"],
     _excluded3 = ["node", "children"],
     _excluded4 = ["node", "children"],
@@ -57082,7 +57105,7 @@
                 node,
                 children
               } = _ref2,
-              props = _objectWithoutProperties$1(_ref2, _excluded);
+              props = _objectWithoutProperties$1(_ref2, _excluded$1);
             return /*#__PURE__*/jsxRuntimeExports.jsx("a", _objectSpread2(_objectSpread2({
               className: "hover:underline",
               style: {
@@ -57380,7 +57403,7 @@
       }
     };
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      className: "mt-3 min-w-0 max-w-full overflow-hidden",
+      className: "mt-3 min-w-0 max-w-full ",
       children: [/*#__PURE__*/jsxRuntimeExports.jsx("p", {
         className: "font-semibold mb-2",
         style: {
@@ -57390,45 +57413,49 @@
         },
         children: "Sources"
       }), /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
-        className: "space-y-2 list-none p-0 m-0 min-w-0 w-full max-w-full overflow-hidden",
+        className: "space-y-2 list-none p-0 m-0 min-w-0 w-full max-w-full",
         children: sources.map((source, i) => /*#__PURE__*/jsxRuntimeExports.jsx("li", {
-          className: "flex items-center gap-2 min-w-0 w-full max-w-full overflow-hidden",
-          children: source.source_type === "file" ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+          className: "flex items-center gap-2 min-w-0 w-full max-w-full",
+          children: source.source_type === "file" ? /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+            className: "flex items-start gap-2 min-w-0 w-full",
             children: [/*#__PURE__*/jsxRuntimeExports.jsx(FileText, {
               className: "flex-shrink-0 text-current opacity-80",
               size: iconSize,
               strokeWidth: 2,
               "aria-hidden": true
-            }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
-              className: "truncate min-w-0 flex-1",
-              style: {
-                color,
-                fontFamily: fontFamily || "Inter",
-                fontSize: fontSize || "14px",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              title: decodedName(source.source_name) || "File",
-              children: decodedName(source.source_name) || "File"
-            }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
-              type: "button",
-              onClick: () => handleFileDownload(source),
-              disabled: downloadingId === source.source_id,
-              className: "flex-shrink-0 p-1 rounded bg-transparent border-0 hover:bg-transparent disabled:opacity-50 transition-opacity focus:outline-none focus-visible:outline-none cursor-pointer disabled:cursor-not-allowed",
-              style: {
-                color
-              },
-              "aria-label": downloadingId === source.source_id ? "Downloading…" : "Download file",
-              title: downloadingId === source.source_id ? "Downloading…" : "Download",
-              children: downloadingId === source.source_id ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
-                size: iconSize,
-                strokeWidth: 2,
-                className: "animate-spin"
-              }) : /*#__PURE__*/jsxRuntimeExports.jsx(Download, {
-                size: iconSize,
-                strokeWidth: 2
-              })
+            }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+              className: "min-w-0 flex flex-1 items-end justify-between",
+              children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+                className: "inline",
+                style: {
+                  color,
+                  fontFamily: fontFamily || "Inter",
+                  fontSize: fontSize || "14px",
+                  wordBreak: 'break-word',
+                  overflowWrap: 'anywhere'
+                },
+                title: decodedName(source.source_name) || "File",
+                children: decodedName(source.source_name) || "File"
+              }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+                type: "button",
+                onClick: () => handleFileDownload(source),
+                disabled: downloadingId === source.source_id,
+                className: "inline-flex items-center align-middle ml-1 p-0 rounded bg-transparent border-0 hover:bg-transparent disabled:opacity-50 transition-opacity focus:outline-none focus-visible:outline-none cursor-pointer disabled:cursor-not-allowed",
+                style: {
+                  color,
+                  verticalAlign: 'middle'
+                },
+                "aria-label": downloadingId === source.source_id ? "Downloading…" : "Download file",
+                title: downloadingId === source.source_id ? "Downloading…" : "Download",
+                children: downloadingId === source.source_id ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
+                  size: iconSize,
+                  strokeWidth: 2,
+                  className: "animate-spin"
+                }) : /*#__PURE__*/jsxRuntimeExports.jsx(Download, {
+                  size: iconSize,
+                  strokeWidth: 2
+                })
+              })]
             })]
           }) : /*#__PURE__*/jsxRuntimeExports.jsxs("a", {
             href: source.url || "#",
@@ -58054,6 +58081,401 @@
     }));
   };
 
+  const _excluded = ["active", "processing", "deviceId", "barWidth", "barGap", "barRadius", "barColor", "fadeEdges", "fadeWidth", "barHeight", "height", "sensitivity", "smoothingTimeConstant", "fftSize", "historySize", "updateRate", "mode", "onError", "onStreamReady", "onStreamEnd", "className"];
+  const LiveWaveform = _ref => {
+    let {
+        active = false,
+        processing = false,
+        deviceId,
+        barWidth = 3,
+        barGap = 1,
+        barRadius = 1.5,
+        barColor,
+        fadeEdges = true,
+        fadeWidth = 24,
+        barHeight: baseBarHeight = 4,
+        height = 64,
+        sensitivity = 1,
+        smoothingTimeConstant = 0.8,
+        fftSize = 256,
+        historySize = 60,
+        updateRate = 30,
+        mode = "static",
+        onError,
+        onStreamReady,
+        onStreamEnd,
+        className
+      } = _ref,
+      props = _objectWithoutProperties$1(_ref, _excluded);
+    const canvasRef = reactExports.useRef(null);
+    const containerRef = reactExports.useRef(null);
+    const historyRef = reactExports.useRef([]);
+    const analyserRef = reactExports.useRef(null);
+    const audioContextRef = reactExports.useRef(null);
+    const streamRef = reactExports.useRef(null);
+    const animationRef = reactExports.useRef(0);
+    const lastUpdateRef = reactExports.useRef(0);
+    const processingAnimationRef = reactExports.useRef(null);
+    const lastActiveDataRef = reactExports.useRef([]);
+    const transitionProgressRef = reactExports.useRef(0);
+    const staticBarsRef = reactExports.useRef([]);
+    const needsRedrawRef = reactExports.useRef(true);
+    const gradientCacheRef = reactExports.useRef(null);
+    const lastWidthRef = reactExports.useRef(0);
+    const heightStyle = typeof height === "number" ? "".concat(height, "px") : height;
+
+    // Handle canvas resizing
+    reactExports.useEffect(() => {
+      const canvas = canvasRef.current;
+      const container = containerRef.current;
+      if (!canvas || !container) return;
+      const resizeObserver = new ResizeObserver(() => {
+        const rect = container.getBoundingClientRect();
+        const dpr = window.devicePixelRatio || 1;
+        canvas.width = rect.width * dpr;
+        canvas.height = rect.height * dpr;
+        canvas.style.width = "".concat(rect.width, "px");
+        canvas.style.height = "".concat(rect.height, "px");
+        const ctx = canvas.getContext("2d");
+        if (ctx) {
+          ctx.scale(dpr, dpr);
+        }
+        gradientCacheRef.current = null;
+        lastWidthRef.current = rect.width;
+        needsRedrawRef.current = true;
+      });
+      resizeObserver.observe(container);
+      return () => resizeObserver.disconnect();
+    }, []);
+    reactExports.useEffect(() => {
+      if (processing && !active) {
+        let time = 0;
+        transitionProgressRef.current = 0;
+        const animateProcessing = () => {
+          var _containerRef$current;
+          time += 0.03;
+          transitionProgressRef.current = Math.min(1, transitionProgressRef.current + 0.02);
+          const processingData = [];
+          const barCount = Math.floor((((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().width) || 200) / (barWidth + barGap));
+          if (mode === "static") {
+            const halfCount = Math.floor(barCount / 2);
+            for (let i = 0; i < barCount; i++) {
+              const normalizedPosition = (i - halfCount) / halfCount;
+              const centerWeight = 1 - Math.abs(normalizedPosition) * 0.4;
+              const wave1 = Math.sin(time * 1.5 + normalizedPosition * 3) * 0.25;
+              const wave2 = Math.sin(time * 0.8 - normalizedPosition * 2) * 0.2;
+              const wave3 = Math.cos(time * 2 + normalizedPosition) * 0.15;
+              const combinedWave = wave1 + wave2 + wave3;
+              const processingValue = (0.2 + combinedWave) * centerWeight;
+              let finalValue = processingValue;
+              if (lastActiveDataRef.current.length > 0 && transitionProgressRef.current < 1) {
+                const lastDataIndex = Math.min(i, lastActiveDataRef.current.length - 1);
+                const lastValue = lastActiveDataRef.current[lastDataIndex] || 0;
+                finalValue = lastValue * (1 - transitionProgressRef.current) + processingValue * transitionProgressRef.current;
+              }
+              processingData.push(Math.max(0.05, Math.min(1, finalValue)));
+            }
+          } else {
+            for (let i = 0; i < barCount; i++) {
+              const normalizedPosition = (i - barCount / 2) / (barCount / 2);
+              const centerWeight = 1 - Math.abs(normalizedPosition) * 0.4;
+              const wave1 = Math.sin(time * 1.5 + i * 0.15) * 0.25;
+              const wave2 = Math.sin(time * 0.8 - i * 0.1) * 0.2;
+              const wave3 = Math.cos(time * 2 + i * 0.05) * 0.15;
+              const combinedWave = wave1 + wave2 + wave3;
+              const processingValue = (0.2 + combinedWave) * centerWeight;
+              let finalValue = processingValue;
+              if (lastActiveDataRef.current.length > 0 && transitionProgressRef.current < 1) {
+                const lastDataIndex = Math.floor(i / barCount * lastActiveDataRef.current.length);
+                const lastValue = lastActiveDataRef.current[lastDataIndex] || 0;
+                finalValue = lastValue * (1 - transitionProgressRef.current) + processingValue * transitionProgressRef.current;
+              }
+              processingData.push(Math.max(0.05, Math.min(1, finalValue)));
+            }
+          }
+          if (mode === "static") {
+            staticBarsRef.current = processingData;
+          } else {
+            historyRef.current = processingData;
+          }
+          needsRedrawRef.current = true;
+          processingAnimationRef.current = requestAnimationFrame(animateProcessing);
+        };
+        animateProcessing();
+        return () => {
+          if (processingAnimationRef.current) {
+            cancelAnimationFrame(processingAnimationRef.current);
+          }
+        };
+      } else if (!active && !processing) {
+        const hasData = mode === "static" ? staticBarsRef.current.length > 0 : historyRef.current.length > 0;
+        if (hasData) {
+          let fadeProgress = 0;
+          const fadeToIdle = () => {
+            fadeProgress += 0.03;
+            if (fadeProgress < 1) {
+              if (mode === "static") {
+                staticBarsRef.current = staticBarsRef.current.map(value => value * (1 - fadeProgress));
+              } else {
+                historyRef.current = historyRef.current.map(value => value * (1 - fadeProgress));
+              }
+              needsRedrawRef.current = true;
+              requestAnimationFrame(fadeToIdle);
+            } else {
+              if (mode === "static") {
+                staticBarsRef.current = [];
+              } else {
+                historyRef.current = [];
+              }
+            }
+          };
+          fadeToIdle();
+        }
+      }
+    }, [processing, active, barWidth, barGap, mode]);
+
+    // Handle microphone setup and teardown
+    reactExports.useEffect(() => {
+      if (!active) {
+        if (streamRef.current) {
+          streamRef.current.getTracks().forEach(track => track.stop());
+          streamRef.current = null;
+          onStreamEnd === null || onStreamEnd === void 0 || onStreamEnd();
+        }
+        if (audioContextRef.current && audioContextRef.current.state !== "closed") {
+          audioContextRef.current.close();
+          audioContextRef.current = null;
+        }
+        if (animationRef.current) {
+          cancelAnimationFrame(animationRef.current);
+          animationRef.current = 0;
+        }
+        return;
+      }
+      const setupMicrophone = async () => {
+        try {
+          const stream = await navigator.mediaDevices.getUserMedia({
+            audio: deviceId ? {
+              deviceId: {
+                exact: deviceId
+              },
+              echoCancellation: true,
+              noiseSuppression: true,
+              autoGainControl: true
+            } : {
+              echoCancellation: true,
+              noiseSuppression: true,
+              autoGainControl: true
+            }
+          });
+          streamRef.current = stream;
+          onStreamReady === null || onStreamReady === void 0 || onStreamReady(stream);
+          const AudioContextConstructor = window.AudioContext || window.webkitAudioContext;
+          const audioContext = new AudioContextConstructor();
+          const analyser = audioContext.createAnalyser();
+          analyser.fftSize = fftSize;
+          analyser.smoothingTimeConstant = smoothingTimeConstant;
+          const source = audioContext.createMediaStreamSource(stream);
+          source.connect(analyser);
+          audioContextRef.current = audioContext;
+          analyserRef.current = analyser;
+
+          // Clear history when starting
+          historyRef.current = [];
+        } catch (error) {
+          onError === null || onError === void 0 || onError(error);
+        }
+      };
+      setupMicrophone();
+      return () => {
+        if (streamRef.current) {
+          streamRef.current.getTracks().forEach(track => track.stop());
+          streamRef.current = null;
+          onStreamEnd === null || onStreamEnd === void 0 || onStreamEnd();
+        }
+        if (audioContextRef.current && audioContextRef.current.state !== "closed") {
+          audioContextRef.current.close();
+          audioContextRef.current = null;
+        }
+        if (animationRef.current) {
+          cancelAnimationFrame(animationRef.current);
+          animationRef.current = 0;
+        }
+      };
+    }, [active, deviceId, fftSize, smoothingTimeConstant, onError, onStreamReady, onStreamEnd]);
+
+    // Animation loop
+    reactExports.useEffect(() => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      let rafId;
+      const animate = currentTime => {
+        // Render waveform
+        const rect = canvas.getBoundingClientRect();
+
+        // Update audio data if active
+        if (active && currentTime - lastUpdateRef.current > updateRate) {
+          lastUpdateRef.current = currentTime;
+          if (analyserRef.current) {
+            const dataArray = new Uint8Array(analyserRef.current.frequencyBinCount);
+            analyserRef.current.getByteFrequencyData(dataArray);
+            if (mode === "static") {
+              // For static mode, update bars in place
+              const startFreq = Math.floor(dataArray.length * 0.05);
+              const endFreq = Math.floor(dataArray.length * 0.4);
+              const relevantData = dataArray.slice(startFreq, endFreq);
+              const barCount = Math.floor(rect.width / (barWidth + barGap));
+              const halfCount = Math.floor(barCount / 2);
+              const newBars = [];
+
+              // Mirror the data for symmetric display
+              for (let i = halfCount - 1; i >= 0; i--) {
+                const dataIndex = Math.floor(i / halfCount * relevantData.length);
+                const value = Math.min(1, relevantData[dataIndex] / 255 * sensitivity);
+                newBars.push(Math.max(0.05, value));
+              }
+              for (let i = 0; i < halfCount; i++) {
+                const dataIndex = Math.floor(i / halfCount * relevantData.length);
+                const value = Math.min(1, relevantData[dataIndex] / 255 * sensitivity);
+                newBars.push(Math.max(0.05, value));
+              }
+              staticBarsRef.current = newBars;
+              lastActiveDataRef.current = newBars;
+            } else {
+              // Scrolling mode - original behavior
+              let sum = 0;
+              const startFreq = Math.floor(dataArray.length * 0.05);
+              const endFreq = Math.floor(dataArray.length * 0.4);
+              const relevantData = dataArray.slice(startFreq, endFreq);
+              for (let i = 0; i < relevantData.length; i++) {
+                sum += relevantData[i];
+              }
+              const average = sum / relevantData.length / 255 * sensitivity;
+
+              // Add to history
+              historyRef.current.push(Math.min(1, Math.max(0.05, average)));
+              lastActiveDataRef.current = [...historyRef.current];
+
+              // Maintain history size
+              if (historyRef.current.length > historySize) {
+                historyRef.current.shift();
+              }
+            }
+            needsRedrawRef.current = true;
+          }
+        }
+
+        // Only redraw if needed
+        if (!needsRedrawRef.current && !active) {
+          rafId = requestAnimationFrame(animate);
+          return;
+        }
+        needsRedrawRef.current = active;
+        ctx.clearRect(0, 0, rect.width, rect.height);
+        const computedBarColor = barColor || (() => {
+          const style = getComputedStyle(canvas);
+          // Try to get the computed color value directly
+          const color = style.color;
+          return color || "#000";
+        })();
+        const step = barWidth + barGap;
+        const barCount = Math.floor(rect.width / step);
+        const centerY = rect.height / 2;
+
+        // Draw bars based on mode
+        if (mode === "static") {
+          // Static mode - bars in fixed positions
+          const dataToRender = processing ? staticBarsRef.current : active ? staticBarsRef.current : staticBarsRef.current.length > 0 ? staticBarsRef.current : [];
+          for (let i = 0; i < barCount && i < dataToRender.length; i++) {
+            const value = dataToRender[i] || 0.1;
+            const x = i * step;
+            const barHeight = Math.max(baseBarHeight, value * rect.height * 0.8);
+            const y = centerY - barHeight / 2;
+            ctx.fillStyle = computedBarColor;
+            ctx.globalAlpha = 0.4 + value * 0.6;
+            if (barRadius > 0) {
+              ctx.beginPath();
+              ctx.roundRect(x, y, barWidth, barHeight, barRadius);
+              ctx.fill();
+            } else {
+              ctx.fillRect(x, y, barWidth, barHeight);
+            }
+          }
+        } else {
+          // Scrolling mode - original behavior
+          for (let i = 0; i < barCount && i < historyRef.current.length; i++) {
+            const dataIndex = historyRef.current.length - 1 - i;
+            const value = historyRef.current[dataIndex] || 0.1;
+            const x = rect.width - (i + 1) * step;
+            const barHeight = Math.max(baseBarHeight, value * rect.height * 0.8);
+            const y = centerY - barHeight / 2;
+            ctx.fillStyle = computedBarColor;
+            ctx.globalAlpha = 0.4 + value * 0.6;
+            if (barRadius > 0) {
+              ctx.beginPath();
+              ctx.roundRect(x, y, barWidth, barHeight, barRadius);
+              ctx.fill();
+            } else {
+              ctx.fillRect(x, y, barWidth, barHeight);
+            }
+          }
+        }
+
+        // Apply edge fading
+        if (fadeEdges && fadeWidth > 0 && rect.width > 0) {
+          // Cache gradient if width hasn't changed
+          if (!gradientCacheRef.current || lastWidthRef.current !== rect.width) {
+            const gradient = ctx.createLinearGradient(0, 0, rect.width, 0);
+            const fadePercent = Math.min(0.3, fadeWidth / rect.width);
+
+            // destination-out: removes destination where source alpha is high
+            // We want: fade edges out, keep center solid
+            // Left edge: start opaque (1) = remove, fade to transparent (0) = keep
+            gradient.addColorStop(0, "rgba(255,255,255,1)");
+            gradient.addColorStop(fadePercent, "rgba(255,255,255,0)");
+            // Center stays transparent = keep everything
+            gradient.addColorStop(1 - fadePercent, "rgba(255,255,255,0)");
+            // Right edge: fade from transparent (0) = keep to opaque (1) = remove
+            gradient.addColorStop(1, "rgba(255,255,255,1)");
+            gradientCacheRef.current = gradient;
+            lastWidthRef.current = rect.width;
+          }
+          ctx.globalCompositeOperation = "destination-out";
+          ctx.fillStyle = gradientCacheRef.current;
+          ctx.fillRect(0, 0, rect.width, rect.height);
+          ctx.globalCompositeOperation = "source-over";
+        }
+        ctx.globalAlpha = 1;
+        rafId = requestAnimationFrame(animate);
+      };
+      rafId = requestAnimationFrame(animate);
+      return () => {
+        if (rafId) {
+          cancelAnimationFrame(rafId);
+        }
+      };
+    }, [active, processing, sensitivity, updateRate, historySize, barWidth, baseBarHeight, barGap, barRadius, barColor, fadeEdges, fadeWidth, mode]);
+    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", _objectSpread2(_objectSpread2({
+      className: utils.cn("relative h-full w-full", className),
+      ref: containerRef,
+      style: {
+        height: heightStyle
+      },
+      "aria-label": active ? "Live audio waveform" : processing ? "Processing audio" : "Audio waveform idle",
+      role: "img"
+    }, props), {}, {
+      children: [!active && !processing && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: "border-muted-foreground/20 absolute top-1/2 right-0 left-0 -translate-y-1/2 border-t-2 border-dotted"
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("canvas", {
+        className: "block h-full w-full",
+        ref: canvasRef,
+        "aria-hidden": "true"
+      })]
+    }));
+  };
+
   const MessageList = _ref => {
     let {
       messages = [],
@@ -58233,6 +58655,28 @@
           questionTextColor: assistantTextColor,
           questionBoxColor: agentMessageBubbleColor
         })
+      }), isVoiceSessionActive && voiceStatus === "connected" && !isLoading && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: "flex gap-3 flex-row-reverse animate-in",
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex flex-col items-end max-w-[75%] w-full",
+          children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            className: "rounded-2xl px-4 py-2.5 shadow-lg rounded-tr-sm w-full",
+            style: {
+              background: "linear-gradient(135deg, ".concat(userMessageBoxColor || primaryColor || "#2563eb", " 0%, ").concat(userMessageBoxColor || primaryColor || "#2563eb", "dd 100%)"),
+              width: "100px"
+            },
+            children: /*#__PURE__*/jsxRuntimeExports.jsx(LiveWaveform, {
+              active: true,
+              barWidth: 2,
+              barHeight: 4,
+              barGap: 2,
+              barColor: userTextColor || resolvedTextColor || "#FFFFFF",
+              height: 20,
+              fadeEdges: true,
+              className: "min-w-[60px]"
+            })
+          })
+        })
       }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         ref: messagesEndRef,
         className: "h-px"
@@ -58264,6 +58708,7 @@
       fontFamily,
       fontSize,
       isRtl = false,
+      csatVisible = false,
       enableVoiceInteraction = false,
       isVoiceSessionActive = false,
       voiceStatus = "idle",
@@ -58339,10 +58784,13 @@
     // Check if onboarding flow exists and is not completed
     const hasOnboardingQuestions = onboardingQuestions && onboardingQuestions.length > 0;
     const isOnboardingIncomplete = hasOnboardingQuestions && !onboardingCompleted;
-    const isVoiceButtonDisabled = onboardingEnabled && isOnboardingIncomplete || voiceStatus === "connecting";
+    const isVoiceButtonDisabled = csatVisible || onboardingEnabled && isOnboardingIncomplete || voiceStatus === "connecting";
 
     // Determine tooltip message
     const getTooltipMessage = () => {
+      if (csatVisible) {
+        return "Please submit your rating first.";
+      }
       if (!hasOnboardingQuestions) {
         return "";
       }
@@ -58519,7 +58967,7 @@
             onKeyDown: handleKeyPress,
             placeholder: placeholder || "Type your message...",
             rows: 1,
-            disabled: isLoading || isVoiceSessionActive && voiceStatus !== "connected",
+            disabled: csatVisible || isLoading || isVoiceSessionActive && voiceStatus !== "connected",
             dir: isRtl ? "rtl" : "ltr",
             className: "w-full px-4 bg-transparent rounded-xl leading-normal ".concat(isDark ? "text-gray-100" : "text-gray-900", " placeholder-gray-400 resize-none outline-none scrollbar-hide"),
             style: {
@@ -58635,7 +59083,7 @@
           }), document.body)]
         }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
           onClick: isVoiceSessionActive && onBidiSubmit ? onBidiSubmit : onSend,
-          disabled: isDisabled || isVoiceSessionActive && voiceStatus !== "connected",
+          disabled: csatVisible || isDisabled || isVoiceSessionActive && voiceStatus !== "connected",
           className: "h-10 w-10 rounded-xl transition-all duration-200 flex items-center justify-center shadow-md disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none ".concat(inputValue.trim() ? "scale-100" : "scale-95"),
           style: {
             backgroundColor: inputValue.trim() ? primaryColor : isDark ? "#374151" : "#e5e7eb",
@@ -58651,12 +59099,12 @@
           })
         })]
       }), isVoiceSessionActive && /*#__PURE__*/jsxRuntimeExports.jsxs("p", {
-        className: "text-[11px] mt-2 px-1 ".concat(voiceStatus === "connected" ? "text-green-500" : "text-gray-500", " flex items-center gap-1"),
+        className: "text-[11px] mt-2 px-5 ".concat(voiceStatus === "connected" ? "text-green-500" : "text-gray-500", " flex items-center gap-1"),
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
           className: "w-1.5 h-1.5 rounded-full bg-current inline-flex"
         }), voiceStatus === "connected" ? "Voice session live — speak or type to converse." : "Connecting to voice session..."]
       }), voiceError && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
-        className: "text-[11px] mt-1 px-1 text-red-500",
+        className: "text-[11px] mt-1 px-5 text-red-500",
         children: voiceError
       }), disclaimerText && disclaimerPosition === "footer" && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
         className: "text-xs mt-2 px-5 text-center",
@@ -58670,13 +59118,13 @@
         children: disclaimerText
       }), showPoweredBy && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         className: "mt-1.5 flex justify-center",
-        dir: isRtl ? "rtl" : "ltr",
         children: /*#__PURE__*/jsxRuntimeExports.jsx("a", {
           href: "https://eshal.ai",
           target: "_blank",
           rel: "noopener noreferrer",
           className: "no-underline",
           children: /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
+            dir: "ltr",
             className: cn("inline-flex items-center gap-1.5 rounded-lg py-1.5 px-3 transition-colors", isDark ? "bg-gray-800/50 border border-gray-700/50 hover:bg-gray-800/80" : "bg-gray-100/80 border border-gray-200/50 hover:bg-gray-100"),
             children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
               className: cn("font-sans text-[10px] font-medium", isDark ? "text-gray-400" : "text-gray-500"),
@@ -59303,6 +59751,7 @@
       isVoiceSessionActive = false,
       voiceStatus = "idle",
       voiceError = null,
+      voiceConclusionForCsat = false,
       onVoiceToggle,
       onBidiSubmit,
       disclaimerText,
@@ -59373,7 +59822,7 @@
     const hasUserMessages = messages === null || messages === void 0 || (_messages$some = messages.some) === null || _messages$some === void 0 ? void 0 : _messages$some.call(messages, msg => msg.role === "user");
     const shouldShowQuickQuestions = !hasUserMessages && quickQuestions.length > 0 && quickQuestionsEnabled;
 
-    // Show CSAT when the last assistant message is marked as concluded
+    // Show CSAT when the last assistant message is marked as concluded (text/SSE path)
     reactExports.useEffect(() => {
       if (!csatEnabled) return;
       if (csatSubmitted) return;
@@ -59384,6 +59833,15 @@
       }
     }, [messages, csatEnabled, csatSubmitted, showCsat, csatTriggerType]);
 
+    // Show CSAT when voice conclusion was detected (backend sends conclusion_detected in event; no message flag)
+    reactExports.useEffect(() => {
+      if (!csatEnabled || csatSubmitted || showCsat) return;
+      if (csatTriggerType !== "ON_END") return;
+      if (voiceConclusionForCsat) {
+        setShowCsat(true);
+      }
+    }, [voiceConclusionForCsat, csatEnabled, csatSubmitted, showCsat, csatTriggerType]);
+
     // // Track time of the most recent user message
     // useEffect(() => {
     //   if (!messages || messages.length === 0) return;
@@ -59567,6 +60025,7 @@
           userMessageBubbleFontSize: userMessageBubbleFontSize,
           fontSize: fontSize,
           isRtl: isRtlLanguage,
+          csatVisible: showCsat && csatEnabled && !csatSubmitted,
           enableVoiceInteraction: enableVoiceInteraction,
           isVoiceSessionActive: isVoiceSessionActive,
           voiceStatus: voiceStatus,
@@ -59756,7 +60215,7 @@
 
     // Map API response to widget props (use props as overrides if provided)
     const widgetConfig = reactExports.useMemo(() => {
-      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34, _ref35, _agentConfig$csatEnab, _agentConfig$csatForm, _agentConfig$csatProm, _agentConfig$csatTrig, _agentConfig$csatIdle, _agentConfig$csatFoll, _agentConfig$csatFoll2;
+      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34, _ref35, _ref36, _agentConfig$csatEnab, _agentConfig$csatForm, _agentConfig$csatProm, _agentConfig$csatTrig, _agentConfig$csatIdle, _agentConfig$csatFoll, _agentConfig$csatFoll2;
       if (!agentConfig) {
         return null;
       }
@@ -59786,14 +60245,14 @@
         disclaimerPosition: (_ref19 = disclaimerPosition !== null && disclaimerPosition !== void 0 ? disclaimerPosition : agentConfig.disclaimerPosition) !== null && _ref19 !== void 0 ? _ref19 : "top",
         showPoweredBy: (_ref20 = showPoweredBy !== null && showPoweredBy !== void 0 ? showPoweredBy : agentConfig.showPoweredBy) !== null && _ref20 !== void 0 ? _ref20 : true,
         onboardingQuestions: (_ref21 = onboardingQuestions !== null && onboardingQuestions !== void 0 ? onboardingQuestions : agentConfig.onboardingQuestions) !== null && _ref21 !== void 0 ? _ref21 : [],
-        collectionPrompt: collectionPrompt !== null && collectionPrompt !== void 0 ? collectionPrompt : agentConfig.collapsiblePrompt,
+        collectionPrompt: (_ref22 = collectionPrompt !== null && collectionPrompt !== void 0 ? collectionPrompt : agentConfig.collapsiblePrompt) !== null && _ref22 !== void 0 ? _ref22 : "Before we begin, I need to verify your details.",
         allowedDomains: finalAllowedDomains,
-        launcherPosition: (_ref22 = position !== null && position !== void 0 ? position : agentConfig.launcherPosition) !== null && _ref22 !== void 0 ? _ref22 : "bottom-right",
-        onboardingEnabled: (_ref23 = onboardingEnabled !== null && onboardingEnabled !== void 0 ? onboardingEnabled : agentConfig.onboardingEnabled) !== null && _ref23 !== void 0 ? _ref23 : false,
-        agentMessageBubbleFontFamily: (_ref24 = (_ref25 = (_ref26 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : agentConfig.agentMessageBubbleFontFamily) !== null && _ref26 !== void 0 ? _ref26 : fontFamily) !== null && _ref25 !== void 0 ? _ref25 : agentConfig.fontFamily) !== null && _ref24 !== void 0 ? _ref24 : "Inter",
-        agentMessageBubbleFontSize: (_ref27 = (_ref28 = (_ref29 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : agentConfig.agentMessageBubbleFontSize) !== null && _ref29 !== void 0 ? _ref29 : fontSize) !== null && _ref28 !== void 0 ? _ref28 : agentConfig.fontSize) !== null && _ref27 !== void 0 ? _ref27 : "14px",
-        userMessageBubbleFontFamily: (_ref30 = (_ref31 = (_ref32 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : agentConfig.userMessageBubbleFontFamily) !== null && _ref32 !== void 0 ? _ref32 : fontFamily) !== null && _ref31 !== void 0 ? _ref31 : agentConfig.fontFamily) !== null && _ref30 !== void 0 ? _ref30 : "Inter",
-        userMessageBubbleFontSize: (_ref33 = (_ref34 = (_ref35 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : agentConfig.userMessageBubbleFontSize) !== null && _ref35 !== void 0 ? _ref35 : fontSize) !== null && _ref34 !== void 0 ? _ref34 : agentConfig.fontSize) !== null && _ref33 !== void 0 ? _ref33 : "14px",
+        launcherPosition: (_ref23 = position !== null && position !== void 0 ? position : agentConfig.launcherPosition) !== null && _ref23 !== void 0 ? _ref23 : "bottom-right",
+        onboardingEnabled: (_ref24 = onboardingEnabled !== null && onboardingEnabled !== void 0 ? onboardingEnabled : agentConfig.onboardingEnabled) !== null && _ref24 !== void 0 ? _ref24 : false,
+        agentMessageBubbleFontFamily: (_ref25 = (_ref26 = (_ref27 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : agentConfig.agentMessageBubbleFontFamily) !== null && _ref27 !== void 0 ? _ref27 : fontFamily) !== null && _ref26 !== void 0 ? _ref26 : agentConfig.fontFamily) !== null && _ref25 !== void 0 ? _ref25 : "Inter",
+        agentMessageBubbleFontSize: (_ref28 = (_ref29 = (_ref30 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : agentConfig.agentMessageBubbleFontSize) !== null && _ref30 !== void 0 ? _ref30 : fontSize) !== null && _ref29 !== void 0 ? _ref29 : agentConfig.fontSize) !== null && _ref28 !== void 0 ? _ref28 : "14px",
+        userMessageBubbleFontFamily: (_ref31 = (_ref32 = (_ref33 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : agentConfig.userMessageBubbleFontFamily) !== null && _ref33 !== void 0 ? _ref33 : fontFamily) !== null && _ref32 !== void 0 ? _ref32 : agentConfig.fontFamily) !== null && _ref31 !== void 0 ? _ref31 : "Inter",
+        userMessageBubbleFontSize: (_ref34 = (_ref35 = (_ref36 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : agentConfig.userMessageBubbleFontSize) !== null && _ref36 !== void 0 ? _ref36 : fontSize) !== null && _ref35 !== void 0 ? _ref35 : agentConfig.fontSize) !== null && _ref34 !== void 0 ? _ref34 : "14px",
         // CSAT configuration (feature flags + text)
         csatEnabled: (_agentConfig$csatEnab = agentConfig.csatEnabled) !== null && _agentConfig$csatEnab !== void 0 ? _agentConfig$csatEnab : false,
         csatFormat: (_agentConfig$csatForm = agentConfig.csatFormat) !== null && _agentConfig$csatForm !== void 0 ? _agentConfig$csatForm : "EMOJI",
@@ -59853,6 +60312,7 @@
       isVoiceSessionActive,
       voiceStatus,
       voiceError,
+      voiceConclusionForCsat,
       handleVoiceToggle,
       sendBidiTextMessage,
       onboardingActive,
@@ -59904,83 +60364,88 @@
       "top-right": "top-5 right-5",
       "top-left": "top-5 left-5"
     };
-    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      ref: widgetRef,
-      className: "chat-widget-root fixed flex flex-col items-end z-[999999] ".concat(isDark ? "dark" : "", " ").concat(className, " ").concat(positionClasses[widgetConfig.launcherPosition] || positionClasses["bottom-right"]),
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(ChatWindow, {
-        isOpen: isOpen,
-        isMinimized: isMinimized,
-        isDark: isDark,
-        primaryColor: widgetConfig.primaryColor,
-        textColor: widgetConfig.textColor,
-        companyName: widgetConfig.companyName,
-        conciergeName: widgetConfig.conciergeName,
-        companyLogo: widgetConfig.companyLogo,
-        messages: messages,
-        isLoading: isLoading,
-        inputValue: inputValue,
-        setInputValue: setInputValue,
-        onSend: handleSend,
-        onDirectSend: sendMessage,
-        onToggleTheme: toggleTheme,
-        onMinimize: toggleMinimize,
-        onClose: closeChat,
-        quickQuestions: widgetConfig.quickQuestions,
-        quickQuestionsEnabled: widgetConfig.quickQuestionsEnabled,
-        onQuickQuestion: handleQuickQuestion,
-        quickQuestionsLayout: quickQuestionsLayout,
-        agentMessageBubbleColor: widgetConfig.agentMessageBubbleColor,
-        userMessageBoxColor: widgetConfig.userMessageBoxColor,
-        assistantTextColor: widgetConfig.assistantTextColor,
-        userTextColor: widgetConfig.userTextColor,
-        fontFamily: widgetConfig.fontFamily,
-        agentMessageBubbleFontFamily: widgetConfig.agentMessageBubbleFontFamily,
-        agentMessageBubbleFontSize: widgetConfig.agentMessageBubbleFontSize,
-        userMessageBubbleFontFamily: widgetConfig.userMessageBubbleFontFamily,
-        userMessageBubbleFontSize: widgetConfig.userMessageBubbleFontSize,
-        fontSize: widgetConfig.fontSize,
-        defaultLanguage: widgetConfig.defaultLanguage || locale,
-        onDecision: handleDecision,
-        headerTextBold: widgetConfig.headerTextBold,
-        headerTextItalic: widgetConfig.headerTextItalic,
-        enableVoiceInteraction: widgetConfig.enableVoiceInteraction,
-        isVoiceSessionActive: isVoiceSessionActive,
-        voiceStatus: voiceStatus,
-        voiceError: voiceError,
-        onVoiceToggle: handleVoiceToggle,
-        onBidiSubmit: () => sendBidiTextMessage(inputValue),
-        disclaimerText: widgetConfig.disclaimerText,
-        disclaimerPosition: widgetConfig.disclaimerPosition,
-        showPoweredBy: widgetConfig.showPoweredBy,
-        apiBaseUrl: apiBaseUrl,
-        apiKey: apiKey,
-        organizationId: widgetConfig.organizationId,
-        conversationId: conversationId,
-        conciergeId: (_agentConfig$concierg = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.conciergeId) !== null && _agentConfig$concierg !== void 0 ? _agentConfig$concierg : agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.id,
-        onboardingQuestions: widgetConfig.onboardingQuestions,
-        onboardingActive: onboardingActive,
-        onboardingCompleted: onboardingCompleted,
-        onOnboardingFormSubmit: handleOnboardingFormSubmit,
-        collectionPrompt: widgetConfig.collectionPrompt,
-        csatEnabled: widgetConfig.csatEnabled,
-        csatFormat: widgetConfig.csatFormat,
-        csatPrompt: widgetConfig.csatPrompt,
-        csatTriggerType: widgetConfig.csatTriggerType,
-        csatIdleTimeoutMins: widgetConfig.csatIdleTimeoutMins,
-        onboardingEnabled: widgetConfig.onboardingEnabled
-      }), !isOpen && /*#__PURE__*/jsxRuntimeExports.jsx(ToggleButton, {
-        isOpen: isOpen,
-        isDark: isDark,
-        primaryColor: widgetConfig.primaryColor,
-        onToggle: toggleChat,
-        textColor: widgetConfig.textColor
-      })]
+    return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      id: "chat-widget-root",
+      children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        ref: widgetRef,
+        className: "chat-widget-root fixed flex flex-col items-end z-[999999] ".concat(isDark ? "dark" : "", " ").concat(className, " ").concat(positionClasses[widgetConfig.launcherPosition] || positionClasses["bottom-right"]),
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx(ChatWindow, {
+          isOpen: isOpen,
+          isMinimized: isMinimized,
+          isDark: isDark,
+          primaryColor: widgetConfig.primaryColor,
+          textColor: widgetConfig.textColor,
+          companyName: widgetConfig.companyName,
+          conciergeName: widgetConfig.conciergeName,
+          companyLogo: widgetConfig.companyLogo,
+          messages: messages,
+          isLoading: isLoading,
+          inputValue: inputValue,
+          setInputValue: setInputValue,
+          onSend: handleSend,
+          onDirectSend: sendMessage,
+          onToggleTheme: toggleTheme,
+          onMinimize: toggleMinimize,
+          onClose: closeChat,
+          quickQuestions: widgetConfig.quickQuestions,
+          quickQuestionsEnabled: widgetConfig.quickQuestionsEnabled,
+          onQuickQuestion: handleQuickQuestion,
+          quickQuestionsLayout: quickQuestionsLayout,
+          agentMessageBubbleColor: widgetConfig.agentMessageBubbleColor,
+          userMessageBoxColor: widgetConfig.userMessageBoxColor,
+          assistantTextColor: widgetConfig.assistantTextColor,
+          userTextColor: widgetConfig.userTextColor,
+          fontFamily: widgetConfig.fontFamily,
+          agentMessageBubbleFontFamily: widgetConfig.agentMessageBubbleFontFamily,
+          agentMessageBubbleFontSize: widgetConfig.agentMessageBubbleFontSize,
+          userMessageBubbleFontFamily: widgetConfig.userMessageBubbleFontFamily,
+          userMessageBubbleFontSize: widgetConfig.userMessageBubbleFontSize,
+          fontSize: widgetConfig.fontSize,
+          defaultLanguage: widgetConfig.defaultLanguage || locale,
+          onDecision: handleDecision,
+          headerTextBold: widgetConfig.headerTextBold,
+          headerTextItalic: widgetConfig.headerTextItalic,
+          enableVoiceInteraction: widgetConfig.enableVoiceInteraction,
+          isVoiceSessionActive: isVoiceSessionActive,
+          voiceStatus: voiceStatus,
+          voiceError: voiceError,
+          voiceConclusionForCsat: voiceConclusionForCsat,
+          onVoiceToggle: handleVoiceToggle,
+          onBidiSubmit: () => sendBidiTextMessage(inputValue),
+          disclaimerText: widgetConfig.disclaimerText,
+          disclaimerPosition: widgetConfig.disclaimerPosition,
+          showPoweredBy: widgetConfig.showPoweredBy,
+          apiBaseUrl: apiBaseUrl,
+          apiKey: apiKey,
+          organizationId: widgetConfig.organizationId,
+          conversationId: conversationId,
+          conciergeId: (_agentConfig$concierg = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.conciergeId) !== null && _agentConfig$concierg !== void 0 ? _agentConfig$concierg : agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.id,
+          onboardingQuestions: widgetConfig.onboardingQuestions,
+          onboardingActive: onboardingActive,
+          onboardingCompleted: onboardingCompleted,
+          onOnboardingFormSubmit: handleOnboardingFormSubmit,
+          collectionPrompt: widgetConfig.collectionPrompt,
+          csatEnabled: widgetConfig.csatEnabled,
+          csatFormat: widgetConfig.csatFormat,
+          csatPrompt: widgetConfig.csatPrompt,
+          csatTriggerType: widgetConfig.csatTriggerType,
+          csatIdleTimeoutMins: widgetConfig.csatIdleTimeoutMins,
+          onboardingEnabled: widgetConfig.onboardingEnabled
+        }), !isOpen && /*#__PURE__*/jsxRuntimeExports.jsx(ToggleButton, {
+          isOpen: isOpen,
+          isDark: isDark,
+          primaryColor: widgetConfig.primaryColor,
+          onToggle: toggleChat,
+          textColor: widgetConfig.textColor
+        })]
+      })
     });
   };
 
   (function () {
     let root = null;
     let container = null;
+    let shadowHost = null;
     let config = {};
     let sessionId = null;
     const defaultConfig = {
@@ -60025,9 +60490,9 @@
       onClose: null
     };
     const API = {
-      /**
-       * Initialize the chat widget
-       * @param {Object} options - Configuration options
+      /**
+       * Initialize the chat widget
+       * @param {Object} options - Configuration options
        */
       init: async function () {
         let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -60038,12 +60503,34 @@
           sessionId = await createSession(config);
         }
 
-        // Create container if doesn't exist
-        if (!container) {
+        // Create shadow host in light DOM (only once)
+        if (!shadowHost) {
+          shadowHost = document.createElement('div');
+          shadowHost.id = 'chat-widget-host';
+          document.body.appendChild(shadowHost);
+        }
+
+        // Set up shadow root and inject CSS (only once)
+        if (!shadowHost.shadowRoot) {
+          const shadow = shadowHost.attachShadow({
+            mode: 'open'
+          });
+
+          // Block inherited host-page styles from bleeding in
+          const hostStyle = document.createElement('style');
+          hostStyle.textContent = ':host { all: initial; display: block; }';
+          shadow.appendChild(hostStyle);
+
+          // Inject scoped widget CSS into the shadow boundary
+          const widgetStyle = document.createElement('style');
+          widgetStyle.textContent = css_248z$1 + '\n' + css_248z;
+          shadow.appendChild(widgetStyle);
+
+          // Mount point inside shadow root (React renders ChatWidget here,
+          // which itself renders div#chat-widget-root as the Tailwind scope anchor)
           container = document.createElement('div');
-          container.id = 'chat-widget-root';
-          container.className = 'chat-widget-container';
-          document.body.appendChild(container);
+          container.id = 'chat-widget-mount';
+          shadow.appendChild(container);
         }
 
         // Create React root
@@ -60139,17 +60626,17 @@
         }
         return API;
       },
-      /**
-       * Update configuration
-       * @param {Object} newConfig - New configuration options
+      /**
+       * Update configuration
+       * @param {Object} newConfig - New configuration options
        */
       updateConfig: function (newConfig) {
         config = _objectSpread2(_objectSpread2({}, config), newConfig);
         this.init(config);
         return API;
       },
-      /**
-       * Open the chat widget
+      /**
+       * Open the chat widget
        */
       open: function () {
         // Trigger open by updating config
@@ -60160,8 +60647,8 @@
         if (config.onOpen) config.onOpen();
         return API;
       },
-      /**
-       * Close the chat widget
+      /**
+       * Close the chat widget
        */
       close: function () {
         this.updateConfig({
@@ -60170,8 +60657,8 @@
         if (config.onClose) config.onClose();
         return API;
       },
-      /**
-       * Toggle dark mode
+      /**
+       * Toggle dark mode
        */
       toggleTheme: function () {
         config.darkMode = !config.darkMode;
@@ -60180,24 +60667,25 @@
         });
         return API;
       },
-      /**
-       * Destroy the widget
+      /**
+       * Destroy the widget
        */
       destroy: function () {
         if (root) {
           root.unmount();
           root = null;
         }
-        if (container && container.parentNode) {
-          container.parentNode.removeChild(container);
-          container = null;
+        if (shadowHost && shadowHost.parentNode) {
+          shadowHost.parentNode.removeChild(shadowHost);
+          shadowHost = null;
         }
+        container = null;
         sessionId = null;
         config = {};
         return API;
       },
-      /**
-       * Get current configuration
+      /**
+       * Get current configuration
        */
       getConfig: function () {
         return _objectSpread2({}, config);
@@ -60262,4 +60750,4 @@
     default: webfontloaderExports
   }, [webfontloaderExports]);
 
-})();
+})(utils);