@eshal-bot/chat-widget 0.1.52 → 0.1.54
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.
- package/dist/chat-widget.esm.js +2 -2
- package/dist/chat-widget.esm.js.map +1 -0
- package/dist/chat-widget.js +1173 -67
- package/dist/chat-widget.js.map +1 -0
- package/dist/chat-widget.min.js +2 -2
- package/dist/chat-widget.umd.js +3 -3
- package/dist/chat-widget.umd.js.map +1 -0
- package/package.json +2 -2
package/dist/chat-widget.js
CHANGED
|
@@ -7869,7 +7869,7 @@
|
|
|
7869
7869
|
m$1.hydrateRoot;
|
|
7870
7870
|
}
|
|
7871
7871
|
|
|
7872
|
-
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 .collapse{visibility:collapse}#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 .sticky{position:sticky}#chat-widget-root .inset-0{inset:0}#chat-widget-root .-top-8{top:-2rem}#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-1\\/2{left:50%}#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 .top-full{top:100%}#chat-widget-root .isolate{isolation:isolate}#chat-widget-root .z-10{z-index:10}#chat-widget-root .z-50{z-index:50}#chat-widget-root .z-\\[60\\]{z-index:60}#chat-widget-root .z-\\[999999\\]{z-index:999999}#chat-widget-root .z-\\[9999\\]{z-index:9999}#chat-widget-root .m-0{margin:0}#chat-widget-root .mx-2{margin-left:.5rem;margin-right:.5rem}#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-6{height:1.5rem}#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-12{width:3rem}#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{width:.75rem}#chat-widget-root .w-3\\.5{width:.875rem}#chat-widget-root .w-4{width:1rem}#chat-widget-root .w-44{width:11rem}#chat-widget-root .w-5{width:1.25rem}#chat-widget-root .w-6{width:1.5rem}#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-x-1\\/2{--tw-translate-x:-50%}#chat-widget-root .-translate-x-1\\/2,#chat-widget-root .-translate-y-1\\/2{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 .-translate-y-1\\/2{--tw-translate-y:-50%}#chat-widget-root .rotate-0{--tw-rotate:0deg}#chat-widget-root .rotate-0,#chat-widget-root .scale-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 .scale-0{--tw-scale-x:0;--tw-scale-y:0}#chat-widget-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}#chat-widget-root .scale-100,#chat-widget-root .scale-110{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-110{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}#chat-widget-root .scale-125,#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-0\\.5{gap:.125rem}#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-4{gap:1rem}#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-visible{overflow:visible}#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-md{border-radius:.375rem}#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-b{border-bottom-width:1px}#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\\/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 .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-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-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 .from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,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 .to-yellow-400{--tw-gradient-to:#facc15 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-0\\.5{padding:.125rem}#chat-widget-root .p-3{padding:.75rem}#chat-widget-root .p-5{padding:1.25rem}#chat-widget-root .p-6{padding:1.5rem}#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-3\\.5{padding-bottom:.875rem;padding-top:.875rem}#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-\\[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 .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#chat-widget-root .leading-5{line-height:1.25rem}#chat-widget-root .leading-none{line-height:1}#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 .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/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 .shadow-black\\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .shadow-gray-200\\/80{--tw-shadow-color:rgba(229,231,235,.8);--tw-shadow:var(--tw-shadow-colored)}#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-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}#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 .blur{--tw-blur:blur(8px)}#chat-widget-root .blur,#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 .drop-shadow-sm{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-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}#chat-widget-root .grayscale-\\[0\\.3\\]{--tw-grayscale:grayscale(0.3)}#chat-widget-root .filter,#chat-widget-root .grayscale-\\[0\\.3\\]{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 .\\[font-family\\:inherit\\]{font-family:inherit}#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-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/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-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\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#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-md:hover{--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 .hover\\:shadow-md:hover,#chat-widget-root .hover\\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#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)}#chat-widget-root .hover\\:grayscale-0:hover{--tw-grayscale:grayscale(0);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 .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 .active\\:outline-none:active{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .active\\:ring-0:active{--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 .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 :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}";
|
|
7872
|
+
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 .collapse{visibility:collapse}#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 .sticky{position:sticky}#chat-widget-root .inset-0{inset:0}#chat-widget-root .-top-8{top:-2rem}#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-1\\/2{left:50%}#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 .top-full{top:100%}#chat-widget-root .isolate{isolation:isolate}#chat-widget-root .z-10{z-index:10}#chat-widget-root .z-50{z-index:50}#chat-widget-root .z-\\[60\\]{z-index:60}#chat-widget-root .z-\\[999999\\]{z-index:999999}#chat-widget-root .z-\\[9999\\]{z-index:9999}#chat-widget-root .m-0{margin:0}#chat-widget-root .mx-2{margin-left:.5rem;margin-right:.5rem}#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 .grid{display:grid}#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-6{height:1.5rem}#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-12{width:3rem}#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{width:.75rem}#chat-widget-root .w-3\\.5{width:.875rem}#chat-widget-root .w-4{width:1rem}#chat-widget-root .w-44{width:11rem}#chat-widget-root .w-5{width:1.25rem}#chat-widget-root .w-6{width:1.5rem}#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-\\[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-x-1\\/2{--tw-translate-x:-50%}#chat-widget-root .-translate-x-1\\/2,#chat-widget-root .-translate-y-1\\/2{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 .-translate-y-1\\/2{--tw-translate-y:-50%}#chat-widget-root .rotate-0{--tw-rotate:0deg}#chat-widget-root .rotate-0,#chat-widget-root .scale-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 .scale-0{--tw-scale-x:0;--tw-scale-y:0}#chat-widget-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}#chat-widget-root .scale-100,#chat-widget-root .scale-110{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-110{--tw-scale-x:1.1;--tw-scale-y:1.1}#chat-widget-root .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}#chat-widget-root .scale-125,#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-end{justify-content:flex-end}#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-0\\.5{gap:.125rem}#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-4{gap:1rem}#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-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-visible{overflow:visible}#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-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-md{border-radius:.375rem}#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-b{border-bottom-width:1px}#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\\/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 .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-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-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 .from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,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 .to-yellow-400{--tw-gradient-to:#facc15 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-0\\.5{padding:.125rem}#chat-widget-root .p-3{padding:.75rem}#chat-widget-root .p-5{padding:1.25rem}#chat-widget-root .p-6{padding:1.5rem}#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-2\\.5{padding-left:.625rem;padding-right:.625rem}#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-3\\.5{padding-bottom:.875rem;padding-top:.875rem}#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-\\[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-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 .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#chat-widget-root .leading-5{line-height:1.25rem}#chat-widget-root .leading-none{line-height:1}#chat-widget-root .leading-normal{line-height:1.5}#chat-widget-root .leading-relaxed{line-height:1.625}#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 .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/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 .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}#chat-widget-root .placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/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 .shadow-black\\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}#chat-widget-root .shadow-gray-200\\/80{--tw-shadow-color:rgba(229,231,235,.8);--tw-shadow:var(--tw-shadow-colored)}#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-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}#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 .blur{--tw-blur:blur(8px)}#chat-widget-root .blur,#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 .drop-shadow-sm{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-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}#chat-widget-root .grayscale-\\[0\\.3\\]{--tw-grayscale:grayscale(0.3)}#chat-widget-root .filter,#chat-widget-root .grayscale-\\[0\\.3\\]{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 .\\[font-family\\:inherit\\]{font-family:inherit}#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-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/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-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\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}#chat-widget-root .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}#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-md:hover{--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 .hover\\:shadow-md:hover,#chat-widget-root .hover\\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#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)}#chat-widget-root .hover\\:grayscale-0:hover{--tw-grayscale:grayscale(0);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 .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)}#chat-widget-root .focus\\:ring-0:focus,#chat-widget-root .focus\\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#chat-widget-root .focus\\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}#chat-widget-root .focus\\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}#chat-widget-root .focus\\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}#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\\.97\\]: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\\.97\\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97}#chat-widget-root .active\\:scale-\\[0\\.98\\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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\\:outline-none:active{outline:2px solid transparent;outline-offset:2px}#chat-widget-root .active\\:ring-0:active{--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 .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 :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}";
|
|
7873
7873
|
|
|
7874
7874
|
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}}";
|
|
7875
7875
|
|
|
@@ -54184,10 +54184,41 @@
|
|
|
54184
54184
|
onButtonClick
|
|
54185
54185
|
} = _ref;
|
|
54186
54186
|
if (!spec || typeof spec !== 'object') return null;
|
|
54187
|
-
|
|
54187
|
+
// Normalize underscore_case → kebab-case so the agent can emit either
|
|
54188
|
+
// form. Both `key_observations` and `key-observations` route here.
|
|
54189
|
+
const t = String(spec.type || '').trim().toLowerCase().replace(/_/g, '-');
|
|
54188
54190
|
|
|
54189
54191
|
// Charts (incl. graceful fallback for chart-shaped data with unknown type)
|
|
54190
54192
|
const CHART_TYPES = new Set(['bar', 'line', 'area', 'pie', 'donut', 'scatter', 'bubble', 'radar', 'radial-bar', 'radial', 'radialbar', 'treemap', 'funnel', 'sankey', 'composed', 'waterfall', 'gauge', 'histogram', 'kpi']);
|
|
54193
|
+
|
|
54194
|
+
// ── On-demand analytical insight cards (12-06-2026) ──
|
|
54195
|
+
// Six types the database_query agent emits when the user explicitly
|
|
54196
|
+
// asks for analysis. Stack vertically as separate cards in the chat
|
|
54197
|
+
// bubble. See sub_agents/database_query/prompt.py for the schema spec.
|
|
54198
|
+
if (t === 'revenue-insights') return /*#__PURE__*/jsxRuntimeExports.jsx(RevenueInsightsCard, {
|
|
54199
|
+
spec: spec,
|
|
54200
|
+
isDark: isDark
|
|
54201
|
+
});
|
|
54202
|
+
if (t === 'impact-analysis') return /*#__PURE__*/jsxRuntimeExports.jsx(ImpactAnalysisCard, {
|
|
54203
|
+
spec: spec,
|
|
54204
|
+
isDark: isDark
|
|
54205
|
+
});
|
|
54206
|
+
if (t === 'deviation-analysis') return /*#__PURE__*/jsxRuntimeExports.jsx(DeviationAnalysisCard, {
|
|
54207
|
+
spec: spec,
|
|
54208
|
+
isDark: isDark
|
|
54209
|
+
});
|
|
54210
|
+
if (t === 'main-drivers') return /*#__PURE__*/jsxRuntimeExports.jsx(MainDriversCard, {
|
|
54211
|
+
spec: spec,
|
|
54212
|
+
isDark: isDark
|
|
54213
|
+
});
|
|
54214
|
+
if (t === 'key-observations') return /*#__PURE__*/jsxRuntimeExports.jsx(KeyObservationsCard, {
|
|
54215
|
+
spec: spec,
|
|
54216
|
+
isDark: isDark
|
|
54217
|
+
});
|
|
54218
|
+
if (t === 'recommendations') return /*#__PURE__*/jsxRuntimeExports.jsx(RecommendationsCard, {
|
|
54219
|
+
spec: spec,
|
|
54220
|
+
isDark: isDark
|
|
54221
|
+
});
|
|
54191
54222
|
if (t === 'kpi') return /*#__PURE__*/jsxRuntimeExports.jsx(Kpi, {
|
|
54192
54223
|
spec: spec,
|
|
54193
54224
|
isDark: isDark
|
|
@@ -54929,6 +54960,990 @@
|
|
|
54929
54960
|
return String(v);
|
|
54930
54961
|
}
|
|
54931
54962
|
|
|
54963
|
+
// ─────────────────────────────────────────────────────────────────────────
|
|
54964
|
+
// ── ON-DEMAND ANALYTICAL INSIGHT CARDS (12-06-2026) ──
|
|
54965
|
+
// Six types the database_query agent emits AFTER a SQL answer when the
|
|
54966
|
+
// user EXPLICITLY asks for analysis (revenue insights / impact / deviation /
|
|
54967
|
+
// drivers / observations / recommendations). Each card has the same shell
|
|
54968
|
+
// (4px colored top-accent + icon + title + body) but a type-specific body.
|
|
54969
|
+
// Schemas: see services/knowledge-api/sub_agents/database_query/prompt.py.
|
|
54970
|
+
// ─────────────────────────────────────────────────────────────────────────
|
|
54971
|
+
|
|
54972
|
+
// ── Lucide-style SVG icons (sharp, monoline, inherit color via currentColor)
|
|
54973
|
+
|
|
54974
|
+
function IconTrendingUp(_ref17) {
|
|
54975
|
+
let {
|
|
54976
|
+
size = 14
|
|
54977
|
+
} = _ref17;
|
|
54978
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
|
|
54979
|
+
width: size,
|
|
54980
|
+
height: size,
|
|
54981
|
+
viewBox: "0 0 24 24",
|
|
54982
|
+
fill: "none",
|
|
54983
|
+
stroke: "currentColor",
|
|
54984
|
+
strokeWidth: "2",
|
|
54985
|
+
strokeLinecap: "round",
|
|
54986
|
+
strokeLinejoin: "round",
|
|
54987
|
+
"aria-hidden": "true",
|
|
54988
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("polyline", {
|
|
54989
|
+
points: "22 7 13.5 15.5 8.5 10.5 2 17"
|
|
54990
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("polyline", {
|
|
54991
|
+
points: "16 7 22 7 22 13"
|
|
54992
|
+
})]
|
|
54993
|
+
});
|
|
54994
|
+
}
|
|
54995
|
+
function IconScale(_ref18) {
|
|
54996
|
+
let {
|
|
54997
|
+
size = 14
|
|
54998
|
+
} = _ref18;
|
|
54999
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
|
|
55000
|
+
width: size,
|
|
55001
|
+
height: size,
|
|
55002
|
+
viewBox: "0 0 24 24",
|
|
55003
|
+
fill: "none",
|
|
55004
|
+
stroke: "currentColor",
|
|
55005
|
+
strokeWidth: "2",
|
|
55006
|
+
strokeLinecap: "round",
|
|
55007
|
+
strokeLinejoin: "round",
|
|
55008
|
+
"aria-hidden": "true",
|
|
55009
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55010
|
+
d: "M16 16c0-1.7-2-3-2-3"
|
|
55011
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55012
|
+
d: "M8 16c0-1.7 2-3 2-3"
|
|
55013
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55014
|
+
d: "M7 21h10"
|
|
55015
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55016
|
+
d: "M12 3v18"
|
|
55017
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55018
|
+
d: "m17 7 5 9h-10z"
|
|
55019
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55020
|
+
d: "m7 7-5 9h10z"
|
|
55021
|
+
})]
|
|
55022
|
+
});
|
|
55023
|
+
}
|
|
55024
|
+
function IconGitCompare(_ref19) {
|
|
55025
|
+
let {
|
|
55026
|
+
size = 14
|
|
55027
|
+
} = _ref19;
|
|
55028
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
|
|
55029
|
+
width: size,
|
|
55030
|
+
height: size,
|
|
55031
|
+
viewBox: "0 0 24 24",
|
|
55032
|
+
fill: "none",
|
|
55033
|
+
stroke: "currentColor",
|
|
55034
|
+
strokeWidth: "2",
|
|
55035
|
+
strokeLinecap: "round",
|
|
55036
|
+
strokeLinejoin: "round",
|
|
55037
|
+
"aria-hidden": "true",
|
|
55038
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("circle", {
|
|
55039
|
+
cx: "5",
|
|
55040
|
+
cy: "6",
|
|
55041
|
+
r: "3"
|
|
55042
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("circle", {
|
|
55043
|
+
cx: "19",
|
|
55044
|
+
cy: "18",
|
|
55045
|
+
r: "3"
|
|
55046
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55047
|
+
d: "M12 6h5a2 2 0 0 1 2 2v7"
|
|
55048
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55049
|
+
d: "M12 18H7a2 2 0 0 1-2-2V9"
|
|
55050
|
+
})]
|
|
55051
|
+
});
|
|
55052
|
+
}
|
|
55053
|
+
function IconZap(_ref20) {
|
|
55054
|
+
let {
|
|
55055
|
+
size = 14
|
|
55056
|
+
} = _ref20;
|
|
55057
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
|
|
55058
|
+
width: size,
|
|
55059
|
+
height: size,
|
|
55060
|
+
viewBox: "0 0 24 24",
|
|
55061
|
+
fill: "none",
|
|
55062
|
+
stroke: "currentColor",
|
|
55063
|
+
strokeWidth: "2",
|
|
55064
|
+
strokeLinecap: "round",
|
|
55065
|
+
strokeLinejoin: "round",
|
|
55066
|
+
"aria-hidden": "true",
|
|
55067
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsx("polygon", {
|
|
55068
|
+
points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2"
|
|
55069
|
+
})
|
|
55070
|
+
});
|
|
55071
|
+
}
|
|
55072
|
+
function IconLightbulb(_ref21) {
|
|
55073
|
+
let {
|
|
55074
|
+
size = 14
|
|
55075
|
+
} = _ref21;
|
|
55076
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
|
|
55077
|
+
width: size,
|
|
55078
|
+
height: size,
|
|
55079
|
+
viewBox: "0 0 24 24",
|
|
55080
|
+
fill: "none",
|
|
55081
|
+
stroke: "currentColor",
|
|
55082
|
+
strokeWidth: "2",
|
|
55083
|
+
strokeLinecap: "round",
|
|
55084
|
+
strokeLinejoin: "round",
|
|
55085
|
+
"aria-hidden": "true",
|
|
55086
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55087
|
+
d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"
|
|
55088
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55089
|
+
d: "M9 18h6"
|
|
55090
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("path", {
|
|
55091
|
+
d: "M10 22h4"
|
|
55092
|
+
})]
|
|
55093
|
+
});
|
|
55094
|
+
}
|
|
55095
|
+
function IconTarget(_ref22) {
|
|
55096
|
+
let {
|
|
55097
|
+
size = 14
|
|
55098
|
+
} = _ref22;
|
|
55099
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("svg", {
|
|
55100
|
+
width: size,
|
|
55101
|
+
height: size,
|
|
55102
|
+
viewBox: "0 0 24 24",
|
|
55103
|
+
fill: "none",
|
|
55104
|
+
stroke: "currentColor",
|
|
55105
|
+
strokeWidth: "2",
|
|
55106
|
+
strokeLinecap: "round",
|
|
55107
|
+
strokeLinejoin: "round",
|
|
55108
|
+
"aria-hidden": "true",
|
|
55109
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("circle", {
|
|
55110
|
+
cx: "12",
|
|
55111
|
+
cy: "12",
|
|
55112
|
+
r: "10"
|
|
55113
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("circle", {
|
|
55114
|
+
cx: "12",
|
|
55115
|
+
cy: "12",
|
|
55116
|
+
r: "6"
|
|
55117
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("circle", {
|
|
55118
|
+
cx: "12",
|
|
55119
|
+
cy: "12",
|
|
55120
|
+
r: "2"
|
|
55121
|
+
})]
|
|
55122
|
+
});
|
|
55123
|
+
}
|
|
55124
|
+
|
|
55125
|
+
// ── Theme per insight type (accent + icon container colors) ──
|
|
55126
|
+
|
|
55127
|
+
function insTheme(type, isDark) {
|
|
55128
|
+
// Light/dark pairs: [accent, iconBg, iconFg]
|
|
55129
|
+
const map = {
|
|
55130
|
+
'revenue-insights': isDark ? ['#10b981', '#064e3b', '#a7f3d0'] : ['#10b981', '#ecfdf5', '#065f46'],
|
|
55131
|
+
'impact-analysis': isDark ? ['#f59e0b', '#78350f', '#fde68a'] : ['#f59e0b', '#fef3c7', '#92400e'],
|
|
55132
|
+
'deviation-analysis': isDark ? ['#3b82f6', '#1e3a8a', '#bfdbfe'] : ['#3b82f6', '#dbeafe', '#1e40af'],
|
|
55133
|
+
'main-drivers': isDark ? ['#8b5cf6', '#4c1d95', '#ddd6fe'] : ['#8b5cf6', '#ede9fe', '#5b21b6'],
|
|
55134
|
+
'key-observations': isDark ? ['#059669', '#064e3b', '#a7f3d0'] : ['#059669', '#f0fdf4', '#14532d'],
|
|
55135
|
+
'recommendations': isDark ? ['#818cf8', '#312e81', '#c7d2fe'] : ['#4f46e5', '#eef2ff', '#4f46e5']
|
|
55136
|
+
};
|
|
55137
|
+
const [accent, iconBg, iconFg] = map[type] || ['#64748b', '#f1f5f9', '#475569'];
|
|
55138
|
+
return {
|
|
55139
|
+
accent,
|
|
55140
|
+
iconBg,
|
|
55141
|
+
iconFg
|
|
55142
|
+
};
|
|
55143
|
+
}
|
|
55144
|
+
|
|
55145
|
+
// ── Shared shell for all six insight cards ──
|
|
55146
|
+
|
|
55147
|
+
function InsightShell(_ref23) {
|
|
55148
|
+
let {
|
|
55149
|
+
type,
|
|
55150
|
+
icon,
|
|
55151
|
+
title,
|
|
55152
|
+
count,
|
|
55153
|
+
isDark,
|
|
55154
|
+
children
|
|
55155
|
+
} = _ref23;
|
|
55156
|
+
const {
|
|
55157
|
+
accent,
|
|
55158
|
+
iconBg,
|
|
55159
|
+
iconFg
|
|
55160
|
+
} = insTheme(type, isDark);
|
|
55161
|
+
const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
|
|
55162
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55163
|
+
style: {
|
|
55164
|
+
background: isDark ? '#1f2937' : '#ffffff',
|
|
55165
|
+
border,
|
|
55166
|
+
borderRadius: 12,
|
|
55167
|
+
overflow: 'hidden',
|
|
55168
|
+
margin: '8px 0',
|
|
55169
|
+
color: isDark ? '#f3f4f6' : '#0f172a'
|
|
55170
|
+
},
|
|
55171
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55172
|
+
style: {
|
|
55173
|
+
height: 4,
|
|
55174
|
+
background: accent
|
|
55175
|
+
}
|
|
55176
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55177
|
+
style: {
|
|
55178
|
+
display: 'flex',
|
|
55179
|
+
alignItems: 'center',
|
|
55180
|
+
justifyContent: 'space-between',
|
|
55181
|
+
gap: 8,
|
|
55182
|
+
padding: '12px 14px 10px',
|
|
55183
|
+
borderBottom: border
|
|
55184
|
+
},
|
|
55185
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55186
|
+
style: {
|
|
55187
|
+
display: 'flex',
|
|
55188
|
+
alignItems: 'center',
|
|
55189
|
+
gap: 8,
|
|
55190
|
+
fontSize: 13,
|
|
55191
|
+
fontWeight: 700
|
|
55192
|
+
},
|
|
55193
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55194
|
+
style: {
|
|
55195
|
+
display: 'inline-flex',
|
|
55196
|
+
alignItems: 'center',
|
|
55197
|
+
justifyContent: 'center',
|
|
55198
|
+
width: 22,
|
|
55199
|
+
height: 22,
|
|
55200
|
+
borderRadius: 6,
|
|
55201
|
+
background: iconBg,
|
|
55202
|
+
color: iconFg
|
|
55203
|
+
},
|
|
55204
|
+
children: icon
|
|
55205
|
+
}), title]
|
|
55206
|
+
}), count != null && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55207
|
+
style: {
|
|
55208
|
+
fontSize: 11,
|
|
55209
|
+
color: isDark ? '#9ca3af' : '#64748b',
|
|
55210
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55211
|
+
},
|
|
55212
|
+
children: count
|
|
55213
|
+
})]
|
|
55214
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55215
|
+
style: {
|
|
55216
|
+
padding: '12px 14px 14px',
|
|
55217
|
+
fontSize: 13,
|
|
55218
|
+
lineHeight: 1.55
|
|
55219
|
+
},
|
|
55220
|
+
children: children
|
|
55221
|
+
})]
|
|
55222
|
+
});
|
|
55223
|
+
}
|
|
55224
|
+
|
|
55225
|
+
// ── Shared mini-pieces (delta tag, metric chips) ──
|
|
55226
|
+
|
|
55227
|
+
function deltaToneInsights(delta) {
|
|
55228
|
+
const s = String(delta || '').trim();
|
|
55229
|
+
if (!s) return 'flat';
|
|
55230
|
+
if (s.startsWith('+')) return 'up';
|
|
55231
|
+
if (s.startsWith('-') || s.startsWith('−')) return 'dn';
|
|
55232
|
+
return 'flat';
|
|
55233
|
+
}
|
|
55234
|
+
function DeltaTag(_ref24) {
|
|
55235
|
+
let {
|
|
55236
|
+
delta,
|
|
55237
|
+
isDark
|
|
55238
|
+
} = _ref24;
|
|
55239
|
+
if (!delta) return null;
|
|
55240
|
+
const tone = deltaToneInsights(delta);
|
|
55241
|
+
const map = isDark ? {
|
|
55242
|
+
up: {
|
|
55243
|
+
bg: '#064e3b',
|
|
55244
|
+
fg: '#a7f3d0'
|
|
55245
|
+
},
|
|
55246
|
+
dn: {
|
|
55247
|
+
bg: '#7f1d1d',
|
|
55248
|
+
fg: '#fecaca'
|
|
55249
|
+
},
|
|
55250
|
+
flat: {
|
|
55251
|
+
bg: '#1f2937',
|
|
55252
|
+
fg: '#9ca3af'
|
|
55253
|
+
}
|
|
55254
|
+
} : {
|
|
55255
|
+
up: {
|
|
55256
|
+
bg: '#dcfce7',
|
|
55257
|
+
fg: '#166534'
|
|
55258
|
+
},
|
|
55259
|
+
dn: {
|
|
55260
|
+
bg: '#fee2e2',
|
|
55261
|
+
fg: '#991b1b'
|
|
55262
|
+
},
|
|
55263
|
+
flat: {
|
|
55264
|
+
bg: '#f1f5f9',
|
|
55265
|
+
fg: '#64748b'
|
|
55266
|
+
}
|
|
55267
|
+
};
|
|
55268
|
+
const t = map[tone];
|
|
55269
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55270
|
+
style: {
|
|
55271
|
+
fontSize: 9,
|
|
55272
|
+
fontWeight: 600,
|
|
55273
|
+
padding: '1px 5px',
|
|
55274
|
+
borderRadius: 3,
|
|
55275
|
+
marginLeft: 4,
|
|
55276
|
+
background: t.bg,
|
|
55277
|
+
color: t.fg
|
|
55278
|
+
},
|
|
55279
|
+
children: delta
|
|
55280
|
+
});
|
|
55281
|
+
}
|
|
55282
|
+
function MetricChipsInsights(_ref25) {
|
|
55283
|
+
let {
|
|
55284
|
+
items,
|
|
55285
|
+
isDark
|
|
55286
|
+
} = _ref25;
|
|
55287
|
+
if (!items || !items.length) return null;
|
|
55288
|
+
const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
|
|
55289
|
+
const labelCol = isDark ? '#9ca3af' : '#64748b';
|
|
55290
|
+
const valCol = isDark ? '#f3f4f6' : '#0f172a';
|
|
55291
|
+
const chipBg = isDark ? '#111827' : '#f8fafc';
|
|
55292
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55293
|
+
style: {
|
|
55294
|
+
display: 'flex',
|
|
55295
|
+
flexWrap: 'wrap',
|
|
55296
|
+
gap: 6,
|
|
55297
|
+
marginTop: 4
|
|
55298
|
+
},
|
|
55299
|
+
children: items.map((m, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
|
|
55300
|
+
style: {
|
|
55301
|
+
display: 'inline-flex',
|
|
55302
|
+
alignItems: 'baseline',
|
|
55303
|
+
gap: 4,
|
|
55304
|
+
fontSize: 11,
|
|
55305
|
+
lineHeight: 1,
|
|
55306
|
+
padding: '5px 8px',
|
|
55307
|
+
borderRadius: 6,
|
|
55308
|
+
background: chipBg,
|
|
55309
|
+
border
|
|
55310
|
+
},
|
|
55311
|
+
children: [m.label && /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
|
|
55312
|
+
style: {
|
|
55313
|
+
color: labelCol
|
|
55314
|
+
},
|
|
55315
|
+
children: [m.label, ":"]
|
|
55316
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55317
|
+
style: {
|
|
55318
|
+
fontWeight: 700,
|
|
55319
|
+
color: valCol,
|
|
55320
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55321
|
+
},
|
|
55322
|
+
children: m.value
|
|
55323
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(DeltaTag, {
|
|
55324
|
+
delta: m.delta,
|
|
55325
|
+
isDark: isDark
|
|
55326
|
+
})]
|
|
55327
|
+
}, i))
|
|
55328
|
+
});
|
|
55329
|
+
}
|
|
55330
|
+
|
|
55331
|
+
// ── 1. Revenue Insights ──
|
|
55332
|
+
|
|
55333
|
+
function RevenueInsightsCard(_ref26) {
|
|
55334
|
+
let {
|
|
55335
|
+
spec,
|
|
55336
|
+
isDark
|
|
55337
|
+
} = _ref26;
|
|
55338
|
+
const totals = Array.isArray(spec.totals) ? spec.totals : [];
|
|
55339
|
+
const narrCol = isDark ? '#9ca3af' : '#64748b';
|
|
55340
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
|
|
55341
|
+
type: "revenue-insights",
|
|
55342
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconTrendingUp, {}),
|
|
55343
|
+
title: spec.title || 'Revenue insights',
|
|
55344
|
+
count: null,
|
|
55345
|
+
isDark: isDark,
|
|
55346
|
+
children: [spec.headline && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55347
|
+
style: {
|
|
55348
|
+
fontSize: 18,
|
|
55349
|
+
fontWeight: 700,
|
|
55350
|
+
marginBottom: 4
|
|
55351
|
+
},
|
|
55352
|
+
children: spec.headline
|
|
55353
|
+
}), spec.narrative && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55354
|
+
style: {
|
|
55355
|
+
color: narrCol,
|
|
55356
|
+
marginBottom: totals.length ? 8 : 0
|
|
55357
|
+
},
|
|
55358
|
+
children: spec.narrative
|
|
55359
|
+
}), totals.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55360
|
+
style: {
|
|
55361
|
+
display: 'grid',
|
|
55362
|
+
gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))',
|
|
55363
|
+
gap: 8,
|
|
55364
|
+
marginTop: 8
|
|
55365
|
+
},
|
|
55366
|
+
children: totals.map((t, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55367
|
+
style: {
|
|
55368
|
+
background: isDark ? '#111827' : '#f8fafc',
|
|
55369
|
+
border: isDark ? '1px solid #374151' : '1px solid #e5e7eb',
|
|
55370
|
+
borderRadius: 8,
|
|
55371
|
+
padding: '8px 10px'
|
|
55372
|
+
},
|
|
55373
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55374
|
+
style: {
|
|
55375
|
+
fontSize: 11,
|
|
55376
|
+
color: narrCol
|
|
55377
|
+
},
|
|
55378
|
+
children: t.label
|
|
55379
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55380
|
+
style: {
|
|
55381
|
+
fontSize: 16,
|
|
55382
|
+
fontWeight: 700,
|
|
55383
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55384
|
+
},
|
|
55385
|
+
children: [t.value, /*#__PURE__*/jsxRuntimeExports.jsx(DeltaTag, {
|
|
55386
|
+
delta: t.delta,
|
|
55387
|
+
isDark: isDark
|
|
55388
|
+
})]
|
|
55389
|
+
})]
|
|
55390
|
+
}, i))
|
|
55391
|
+
})]
|
|
55392
|
+
});
|
|
55393
|
+
}
|
|
55394
|
+
|
|
55395
|
+
// ── 2. Impact Analysis ──
|
|
55396
|
+
|
|
55397
|
+
function ImpactGroupBlock(_ref27) {
|
|
55398
|
+
let {
|
|
55399
|
+
items,
|
|
55400
|
+
sentiment,
|
|
55401
|
+
isDark
|
|
55402
|
+
} = _ref27;
|
|
55403
|
+
if (!items || items.length === 0) return null;
|
|
55404
|
+
const label = sentiment === 'positive' ? 'Positive impact' : sentiment === 'negative' ? 'Negative impact' : 'Neutral';
|
|
55405
|
+
const subColor = isDark ? '#9ca3af' : '#64748b';
|
|
55406
|
+
const blockStyle = sentiment === 'positive' ? {
|
|
55407
|
+
bg: isDark ? 'rgba(16,185,129,0.10)' : '#f0fdf4',
|
|
55408
|
+
bd: isDark ? 'rgba(52,211,153,0.30)' : '#bbf7d0',
|
|
55409
|
+
tx: isDark ? '#a7f3d0' : '#14532d',
|
|
55410
|
+
dot: isDark ? '#34d399' : '#10b981'
|
|
55411
|
+
} : sentiment === 'negative' ? {
|
|
55412
|
+
bg: isDark ? 'rgba(239,68,68,0.10)' : '#fef2f2',
|
|
55413
|
+
bd: isDark ? 'rgba(248,113,113,0.30)' : '#fecaca',
|
|
55414
|
+
tx: isDark ? '#fecaca' : '#7f1d1d',
|
|
55415
|
+
dot: isDark ? '#f87171' : '#ef4444'
|
|
55416
|
+
} : {
|
|
55417
|
+
bg: isDark ? '#111827' : '#f8fafc',
|
|
55418
|
+
bd: isDark ? '#374151' : '#e2e8f0',
|
|
55419
|
+
tx: isDark ? '#f3f4f6' : '#0f172a',
|
|
55420
|
+
dot: isDark ? '#9ca3af' : '#94a3b8'
|
|
55421
|
+
};
|
|
55422
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55423
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55424
|
+
style: {
|
|
55425
|
+
fontSize: 11,
|
|
55426
|
+
fontWeight: 700,
|
|
55427
|
+
textTransform: 'uppercase',
|
|
55428
|
+
letterSpacing: '0.4px',
|
|
55429
|
+
color: subColor,
|
|
55430
|
+
margin: '10px 0 6px'
|
|
55431
|
+
},
|
|
55432
|
+
children: label
|
|
55433
|
+
}), items.map((it, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55434
|
+
style: {
|
|
55435
|
+
background: blockStyle.bg,
|
|
55436
|
+
border: "1px solid ".concat(blockStyle.bd),
|
|
55437
|
+
borderRadius: 8,
|
|
55438
|
+
padding: '8px 10px',
|
|
55439
|
+
margin: '4px 0',
|
|
55440
|
+
color: blockStyle.tx
|
|
55441
|
+
},
|
|
55442
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55443
|
+
style: {
|
|
55444
|
+
fontWeight: 700,
|
|
55445
|
+
display: 'block',
|
|
55446
|
+
marginBottom: 2
|
|
55447
|
+
},
|
|
55448
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55449
|
+
style: {
|
|
55450
|
+
display: 'inline-block',
|
|
55451
|
+
width: 7,
|
|
55452
|
+
height: 7,
|
|
55453
|
+
borderRadius: '50%',
|
|
55454
|
+
background: blockStyle.dot,
|
|
55455
|
+
marginRight: 6,
|
|
55456
|
+
verticalAlign: 'middle'
|
|
55457
|
+
}
|
|
55458
|
+
}), it.title]
|
|
55459
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55460
|
+
children: it.description
|
|
55461
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(MetricChipsInsights, {
|
|
55462
|
+
items: it.metrics,
|
|
55463
|
+
isDark: isDark
|
|
55464
|
+
})]
|
|
55465
|
+
}, i))]
|
|
55466
|
+
});
|
|
55467
|
+
}
|
|
55468
|
+
function ImpactAnalysisCard(_ref28) {
|
|
55469
|
+
let {
|
|
55470
|
+
spec,
|
|
55471
|
+
isDark
|
|
55472
|
+
} = _ref28;
|
|
55473
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
|
|
55474
|
+
type: "impact-analysis",
|
|
55475
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconScale, {}),
|
|
55476
|
+
title: spec.title || 'Impact analysis',
|
|
55477
|
+
count: null,
|
|
55478
|
+
isDark: isDark,
|
|
55479
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx(ImpactGroupBlock, {
|
|
55480
|
+
items: spec.positive,
|
|
55481
|
+
sentiment: "positive",
|
|
55482
|
+
isDark: isDark
|
|
55483
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(ImpactGroupBlock, {
|
|
55484
|
+
items: spec.negative,
|
|
55485
|
+
sentiment: "negative",
|
|
55486
|
+
isDark: isDark
|
|
55487
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(ImpactGroupBlock, {
|
|
55488
|
+
items: spec.neutral,
|
|
55489
|
+
sentiment: "neutral",
|
|
55490
|
+
isDark: isDark
|
|
55491
|
+
})]
|
|
55492
|
+
});
|
|
55493
|
+
}
|
|
55494
|
+
|
|
55495
|
+
// ── 3. Deviation Analysis ──
|
|
55496
|
+
|
|
55497
|
+
function DeviationAnalysisCard(_ref29) {
|
|
55498
|
+
let {
|
|
55499
|
+
spec,
|
|
55500
|
+
isDark
|
|
55501
|
+
} = _ref29;
|
|
55502
|
+
const rows = Array.isArray(spec.deviations) ? spec.deviations : [];
|
|
55503
|
+
const border = isDark ? '1px solid #374151' : '1px solid #e5e7eb';
|
|
55504
|
+
const headColor = isDark ? '#9ca3af' : '#64748b';
|
|
55505
|
+
const cellColor = isDark ? '#f3f4f6' : '#0f172a';
|
|
55506
|
+
const deltaColor = tone => {
|
|
55507
|
+
if (tone === 'up') return isDark ? '#34d399' : '#15803d';
|
|
55508
|
+
if (tone === 'dn') return isDark ? '#f87171' : '#b91c1c';
|
|
55509
|
+
return isDark ? '#9ca3af' : '#64748b';
|
|
55510
|
+
};
|
|
55511
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
|
|
55512
|
+
type: "deviation-analysis",
|
|
55513
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconGitCompare, {}),
|
|
55514
|
+
title: spec.title || 'Deviation analysis',
|
|
55515
|
+
count: null,
|
|
55516
|
+
isDark: isDark,
|
|
55517
|
+
children: [rows.length === 0 ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55518
|
+
style: {
|
|
55519
|
+
color: headColor,
|
|
55520
|
+
fontSize: 12,
|
|
55521
|
+
padding: '14px 0',
|
|
55522
|
+
textAlign: 'center'
|
|
55523
|
+
},
|
|
55524
|
+
children: "No deviations"
|
|
55525
|
+
}) : /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55526
|
+
style: {
|
|
55527
|
+
overflowX: 'auto'
|
|
55528
|
+
},
|
|
55529
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsxs("table", {
|
|
55530
|
+
style: {
|
|
55531
|
+
width: '100%',
|
|
55532
|
+
borderCollapse: 'collapse',
|
|
55533
|
+
fontSize: 12
|
|
55534
|
+
},
|
|
55535
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("thead", {
|
|
55536
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsx("tr", {
|
|
55537
|
+
children: ['Segment', 'Metric', 'Expected', 'Actual', 'Delta'].map(h => /*#__PURE__*/jsxRuntimeExports.jsx("th", {
|
|
55538
|
+
style: {
|
|
55539
|
+
padding: '7px 10px',
|
|
55540
|
+
borderBottom: border,
|
|
55541
|
+
textAlign: 'left',
|
|
55542
|
+
fontSize: 11,
|
|
55543
|
+
color: headColor,
|
|
55544
|
+
fontWeight: 600,
|
|
55545
|
+
textTransform: 'uppercase',
|
|
55546
|
+
letterSpacing: '0.3px'
|
|
55547
|
+
},
|
|
55548
|
+
children: h
|
|
55549
|
+
}, h))
|
|
55550
|
+
})
|
|
55551
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("tbody", {
|
|
55552
|
+
children: rows.map((r, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("tr", {
|
|
55553
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("td", {
|
|
55554
|
+
style: {
|
|
55555
|
+
padding: '7px 10px',
|
|
55556
|
+
borderBottom: border,
|
|
55557
|
+
color: cellColor
|
|
55558
|
+
},
|
|
55559
|
+
children: r.segment
|
|
55560
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("td", {
|
|
55561
|
+
style: {
|
|
55562
|
+
padding: '7px 10px',
|
|
55563
|
+
borderBottom: border,
|
|
55564
|
+
color: cellColor
|
|
55565
|
+
},
|
|
55566
|
+
children: r.metric
|
|
55567
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("td", {
|
|
55568
|
+
style: {
|
|
55569
|
+
padding: '7px 10px',
|
|
55570
|
+
borderBottom: border,
|
|
55571
|
+
color: cellColor,
|
|
55572
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55573
|
+
},
|
|
55574
|
+
children: r.expected
|
|
55575
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("td", {
|
|
55576
|
+
style: {
|
|
55577
|
+
padding: '7px 10px',
|
|
55578
|
+
borderBottom: border,
|
|
55579
|
+
color: cellColor,
|
|
55580
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55581
|
+
},
|
|
55582
|
+
children: r.actual
|
|
55583
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("td", {
|
|
55584
|
+
style: {
|
|
55585
|
+
padding: '7px 10px',
|
|
55586
|
+
borderBottom: border,
|
|
55587
|
+
color: deltaColor(r.tone),
|
|
55588
|
+
fontWeight: 700,
|
|
55589
|
+
fontVariantNumeric: 'tabular-nums'
|
|
55590
|
+
},
|
|
55591
|
+
children: r.delta
|
|
55592
|
+
})]
|
|
55593
|
+
}, i))
|
|
55594
|
+
})]
|
|
55595
|
+
})
|
|
55596
|
+
}), spec.summary && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55597
|
+
style: {
|
|
55598
|
+
background: isDark ? '#111827' : '#f8fafc',
|
|
55599
|
+
border,
|
|
55600
|
+
borderRadius: 6,
|
|
55601
|
+
padding: '8px 10px',
|
|
55602
|
+
marginTop: 10,
|
|
55603
|
+
fontSize: 12,
|
|
55604
|
+
color: cellColor
|
|
55605
|
+
},
|
|
55606
|
+
children: spec.summary
|
|
55607
|
+
})]
|
|
55608
|
+
});
|
|
55609
|
+
}
|
|
55610
|
+
|
|
55611
|
+
// ── 4. Main Drivers ──
|
|
55612
|
+
|
|
55613
|
+
function MainDriversCard(_ref30) {
|
|
55614
|
+
let {
|
|
55615
|
+
spec,
|
|
55616
|
+
isDark
|
|
55617
|
+
} = _ref30;
|
|
55618
|
+
const sec = Array.isArray(spec.secondary) ? spec.secondary : [];
|
|
55619
|
+
const evidenceColor = isDark ? '#9ca3af' : '#64748b';
|
|
55620
|
+
const subColor = isDark ? '#9ca3af' : '#64748b';
|
|
55621
|
+
const primary = spec.primary;
|
|
55622
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs(InsightShell, {
|
|
55623
|
+
type: "main-drivers",
|
|
55624
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconZap, {}),
|
|
55625
|
+
title: spec.title || 'Main drivers',
|
|
55626
|
+
count: null,
|
|
55627
|
+
isDark: isDark,
|
|
55628
|
+
children: [primary && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55629
|
+
style: {
|
|
55630
|
+
background: isDark ? 'rgba(139,92,246,0.10)' : '#faf5ff',
|
|
55631
|
+
border: isDark ? '1px solid rgba(167,139,250,0.30)' : '1px solid #d8b4fe',
|
|
55632
|
+
borderRadius: 8,
|
|
55633
|
+
padding: '10px 12px',
|
|
55634
|
+
marginBottom: sec.length ? 10 : 0
|
|
55635
|
+
},
|
|
55636
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55637
|
+
style: {
|
|
55638
|
+
fontSize: 10,
|
|
55639
|
+
fontWeight: 700,
|
|
55640
|
+
textTransform: 'uppercase',
|
|
55641
|
+
letterSpacing: '0.4px',
|
|
55642
|
+
color: isDark ? '#c4b5fd' : '#7c3aed',
|
|
55643
|
+
marginBottom: 4
|
|
55644
|
+
},
|
|
55645
|
+
children: "Primary driver"
|
|
55646
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55647
|
+
style: {
|
|
55648
|
+
fontWeight: 600
|
|
55649
|
+
},
|
|
55650
|
+
children: primary.factor
|
|
55651
|
+
}), primary.evidence && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55652
|
+
style: {
|
|
55653
|
+
color: evidenceColor,
|
|
55654
|
+
fontSize: 12,
|
|
55655
|
+
marginTop: 4
|
|
55656
|
+
},
|
|
55657
|
+
children: primary.evidence
|
|
55658
|
+
}), primary.metric && /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
|
|
55659
|
+
style: {
|
|
55660
|
+
display: 'inline-block',
|
|
55661
|
+
marginTop: 6,
|
|
55662
|
+
background: isDark ? 'rgba(139,92,246,0.20)' : '#ede9fe',
|
|
55663
|
+
color: isDark ? '#ddd6fe' : '#5b21b6',
|
|
55664
|
+
fontSize: 11,
|
|
55665
|
+
fontWeight: 600,
|
|
55666
|
+
padding: '2px 7px',
|
|
55667
|
+
borderRadius: 6
|
|
55668
|
+
},
|
|
55669
|
+
children: [primary.metric.label, ": ", primary.metric.value]
|
|
55670
|
+
})]
|
|
55671
|
+
}), sec.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
55672
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55673
|
+
style: {
|
|
55674
|
+
fontSize: 11,
|
|
55675
|
+
fontWeight: 700,
|
|
55676
|
+
textTransform: 'uppercase',
|
|
55677
|
+
letterSpacing: '0.4px',
|
|
55678
|
+
color: subColor,
|
|
55679
|
+
margin: '10px 0 6px'
|
|
55680
|
+
},
|
|
55681
|
+
children: "Secondary drivers"
|
|
55682
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
|
|
55683
|
+
style: {
|
|
55684
|
+
paddingLeft: 20,
|
|
55685
|
+
margin: 0
|
|
55686
|
+
},
|
|
55687
|
+
children: sec.map((s, i) => /*#__PURE__*/jsxRuntimeExports.jsxs("li", {
|
|
55688
|
+
style: {
|
|
55689
|
+
marginBottom: 6
|
|
55690
|
+
},
|
|
55691
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55692
|
+
style: {
|
|
55693
|
+
fontWeight: 600
|
|
55694
|
+
},
|
|
55695
|
+
children: s.factor
|
|
55696
|
+
}), s.evidence && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55697
|
+
style: {
|
|
55698
|
+
color: evidenceColor,
|
|
55699
|
+
fontSize: 12,
|
|
55700
|
+
marginTop: 2
|
|
55701
|
+
},
|
|
55702
|
+
children: s.evidence
|
|
55703
|
+
})]
|
|
55704
|
+
}, i))
|
|
55705
|
+
})]
|
|
55706
|
+
})]
|
|
55707
|
+
});
|
|
55708
|
+
}
|
|
55709
|
+
|
|
55710
|
+
// ── Shared item-row for Observations & Recommendations ──
|
|
55711
|
+
|
|
55712
|
+
function InsightItem(_ref31) {
|
|
55713
|
+
let {
|
|
55714
|
+
rankBgFg,
|
|
55715
|
+
rank,
|
|
55716
|
+
chips,
|
|
55717
|
+
text,
|
|
55718
|
+
narrative,
|
|
55719
|
+
metrics,
|
|
55720
|
+
impactPill,
|
|
55721
|
+
isDark
|
|
55722
|
+
} = _ref31;
|
|
55723
|
+
const narrCol = isDark ? '#9ca3af' : '#64748b';
|
|
55724
|
+
const dashedBorder = isDark ? '1px dashed #374151' : '1px dashed #e5e7eb';
|
|
55725
|
+
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55726
|
+
style: {
|
|
55727
|
+
display: 'flex',
|
|
55728
|
+
gap: 10,
|
|
55729
|
+
alignItems: 'flex-start',
|
|
55730
|
+
padding: '10px 0',
|
|
55731
|
+
borderBottom: dashedBorder
|
|
55732
|
+
},
|
|
55733
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55734
|
+
style: {
|
|
55735
|
+
flex: '0 0 22px',
|
|
55736
|
+
height: 22,
|
|
55737
|
+
width: 22,
|
|
55738
|
+
borderRadius: '50%',
|
|
55739
|
+
fontSize: 11,
|
|
55740
|
+
fontWeight: 700,
|
|
55741
|
+
display: 'flex',
|
|
55742
|
+
alignItems: 'center',
|
|
55743
|
+
justifyContent: 'center',
|
|
55744
|
+
fontVariantNumeric: 'tabular-nums',
|
|
55745
|
+
background: rankBgFg.bg,
|
|
55746
|
+
color: rankBgFg.fg
|
|
55747
|
+
},
|
|
55748
|
+
children: rank
|
|
55749
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
55750
|
+
style: {
|
|
55751
|
+
flex: '1 1 auto',
|
|
55752
|
+
minWidth: 0,
|
|
55753
|
+
display: 'flex',
|
|
55754
|
+
flexDirection: 'column',
|
|
55755
|
+
gap: 5
|
|
55756
|
+
},
|
|
55757
|
+
children: [chips, text && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55758
|
+
style: {
|
|
55759
|
+
fontSize: 13,
|
|
55760
|
+
fontWeight: 600
|
|
55761
|
+
},
|
|
55762
|
+
children: text
|
|
55763
|
+
}), narrative && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55764
|
+
style: {
|
|
55765
|
+
fontSize: 12,
|
|
55766
|
+
color: narrCol
|
|
55767
|
+
},
|
|
55768
|
+
children: narrative
|
|
55769
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx(MetricChipsInsights, {
|
|
55770
|
+
items: metrics,
|
|
55771
|
+
isDark: isDark
|
|
55772
|
+
}), impactPill]
|
|
55773
|
+
})]
|
|
55774
|
+
});
|
|
55775
|
+
}
|
|
55776
|
+
|
|
55777
|
+
// ── 5. Key Observations ──
|
|
55778
|
+
|
|
55779
|
+
function KeyObservationsCard(_ref32) {
|
|
55780
|
+
let {
|
|
55781
|
+
spec,
|
|
55782
|
+
isDark
|
|
55783
|
+
} = _ref32;
|
|
55784
|
+
const items = Array.isArray(spec.items) ? [...spec.items].sort((a, b) => (a.rank || 0) - (b.rank || 0)) : [];
|
|
55785
|
+
const rankBgFg = isDark ? {
|
|
55786
|
+
bg: '#064e3b',
|
|
55787
|
+
fg: '#a7f3d0'
|
|
55788
|
+
} : {
|
|
55789
|
+
bg: '#f0fdf4',
|
|
55790
|
+
fg: '#14532d'
|
|
55791
|
+
};
|
|
55792
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx(InsightShell, {
|
|
55793
|
+
type: "key-observations",
|
|
55794
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconLightbulb, {}),
|
|
55795
|
+
title: spec.title || 'Key observations',
|
|
55796
|
+
count: items.length ? "".concat(items.length, " item").concat(items.length === 1 ? '' : 's') : null,
|
|
55797
|
+
isDark: isDark,
|
|
55798
|
+
children: items.length === 0 ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55799
|
+
style: {
|
|
55800
|
+
color: isDark ? '#9ca3af' : '#64748b',
|
|
55801
|
+
fontSize: 12,
|
|
55802
|
+
padding: '14px 0',
|
|
55803
|
+
textAlign: 'center'
|
|
55804
|
+
},
|
|
55805
|
+
children: "No observations available."
|
|
55806
|
+
}) : items.map((k, i) => {
|
|
55807
|
+
const chips = [];
|
|
55808
|
+
if (k.category) chips.push(/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55809
|
+
style: chipStyle('cat', isDark),
|
|
55810
|
+
children: k.category
|
|
55811
|
+
}, "cat"));
|
|
55812
|
+
if (k.priority) chips.push(/*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55813
|
+
style: chipStyle('prio-' + k.priority, isDark),
|
|
55814
|
+
children: k.priority
|
|
55815
|
+
}, "prio"));
|
|
55816
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx(InsightItem, {
|
|
55817
|
+
rankBgFg: rankBgFg,
|
|
55818
|
+
rank: k.rank || i + 1,
|
|
55819
|
+
chips: chips.length ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55820
|
+
style: {
|
|
55821
|
+
display: 'flex',
|
|
55822
|
+
flexWrap: 'wrap',
|
|
55823
|
+
gap: 5
|
|
55824
|
+
},
|
|
55825
|
+
children: chips
|
|
55826
|
+
}) : null,
|
|
55827
|
+
text: k.text,
|
|
55828
|
+
narrative: k.narrative,
|
|
55829
|
+
metrics: k.metrics,
|
|
55830
|
+
impactPill: null,
|
|
55831
|
+
isDark: isDark
|
|
55832
|
+
}, i);
|
|
55833
|
+
})
|
|
55834
|
+
});
|
|
55835
|
+
}
|
|
55836
|
+
|
|
55837
|
+
// ── 6. Recommendations ──
|
|
55838
|
+
|
|
55839
|
+
function RecommendationsCard(_ref33) {
|
|
55840
|
+
let {
|
|
55841
|
+
spec,
|
|
55842
|
+
isDark
|
|
55843
|
+
} = _ref33;
|
|
55844
|
+
const items = Array.isArray(spec.items) ? [...spec.items].sort((a, b) => (a.rank || 0) - (b.rank || 0)) : [];
|
|
55845
|
+
const rankBgFg = isDark ? {
|
|
55846
|
+
bg: '#312e81',
|
|
55847
|
+
fg: '#c7d2fe'
|
|
55848
|
+
} : {
|
|
55849
|
+
bg: '#4f46e5',
|
|
55850
|
+
fg: '#ffffff'
|
|
55851
|
+
};
|
|
55852
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx(InsightShell, {
|
|
55853
|
+
type: "recommendations",
|
|
55854
|
+
icon: /*#__PURE__*/jsxRuntimeExports.jsx(IconTarget, {}),
|
|
55855
|
+
title: spec.title || 'Recommendations',
|
|
55856
|
+
count: items.length ? "".concat(items.length, " item").concat(items.length === 1 ? '' : 's') : null,
|
|
55857
|
+
isDark: isDark,
|
|
55858
|
+
children: items.length === 0 ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55859
|
+
style: {
|
|
55860
|
+
color: isDark ? '#9ca3af' : '#64748b',
|
|
55861
|
+
fontSize: 12,
|
|
55862
|
+
padding: '14px 0',
|
|
55863
|
+
textAlign: 'center'
|
|
55864
|
+
},
|
|
55865
|
+
children: "No recommendations available."
|
|
55866
|
+
}) : items.map((r, i) => {
|
|
55867
|
+
const segChips = (r.affected_segments || []).map((s, j) => /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
55868
|
+
style: chipStyle('seg', isDark),
|
|
55869
|
+
children: s
|
|
55870
|
+
}, j));
|
|
55871
|
+
const impactPill = r.expected_impact ? /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
|
|
55872
|
+
style: {
|
|
55873
|
+
alignSelf: 'flex-start',
|
|
55874
|
+
display: 'inline-flex',
|
|
55875
|
+
alignItems: 'center',
|
|
55876
|
+
gap: 4,
|
|
55877
|
+
marginTop: 2,
|
|
55878
|
+
background: isDark ? 'rgba(16,185,129,0.18)' : '#dcfce7',
|
|
55879
|
+
color: isDark ? '#a7f3d0' : '#166534',
|
|
55880
|
+
fontSize: 10,
|
|
55881
|
+
fontWeight: 700,
|
|
55882
|
+
padding: '4px 9px',
|
|
55883
|
+
borderRadius: 999,
|
|
55884
|
+
border: isDark ? '1px solid rgba(52,211,153,0.30)' : '1px solid #bbf7d0'
|
|
55885
|
+
},
|
|
55886
|
+
children: ["\u2191 ", r.expected_impact]
|
|
55887
|
+
}) : null;
|
|
55888
|
+
return /*#__PURE__*/jsxRuntimeExports.jsx(InsightItem, {
|
|
55889
|
+
rankBgFg: rankBgFg,
|
|
55890
|
+
rank: r.rank || i + 1,
|
|
55891
|
+
chips: segChips.length ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55892
|
+
style: {
|
|
55893
|
+
display: 'flex',
|
|
55894
|
+
flexWrap: 'wrap',
|
|
55895
|
+
gap: 5
|
|
55896
|
+
},
|
|
55897
|
+
children: segChips
|
|
55898
|
+
}) : null,
|
|
55899
|
+
text: r.action,
|
|
55900
|
+
narrative: r.rationale,
|
|
55901
|
+
metrics: r.metrics,
|
|
55902
|
+
impactPill: impactPill,
|
|
55903
|
+
isDark: isDark
|
|
55904
|
+
}, i);
|
|
55905
|
+
})
|
|
55906
|
+
});
|
|
55907
|
+
}
|
|
55908
|
+
|
|
55909
|
+
// ── Chip styling shared between observations + recommendations ──
|
|
55910
|
+
|
|
55911
|
+
function chipStyle(kind, isDark) {
|
|
55912
|
+
const base = {
|
|
55913
|
+
display: 'inline-flex',
|
|
55914
|
+
alignItems: 'center',
|
|
55915
|
+
fontSize: 10,
|
|
55916
|
+
fontWeight: 600,
|
|
55917
|
+
lineHeight: 1,
|
|
55918
|
+
padding: '3px 7px',
|
|
55919
|
+
borderRadius: 999,
|
|
55920
|
+
border: isDark ? '1px solid #374151' : '1px solid #e5e7eb',
|
|
55921
|
+
background: isDark ? '#111827' : '#f8fafc',
|
|
55922
|
+
color: isDark ? '#9ca3af' : '#64748b'
|
|
55923
|
+
};
|
|
55924
|
+
if (kind === 'cat') return _objectSpread2(_objectSpread2({}, base), {}, {
|
|
55925
|
+
background: isDark ? 'rgba(99,102,241,0.20)' : '#eef2ff',
|
|
55926
|
+
color: isDark ? '#c7d2fe' : '#4f46e5',
|
|
55927
|
+
border: '1px solid transparent'
|
|
55928
|
+
});
|
|
55929
|
+
if (kind === 'seg') return _objectSpread2(_objectSpread2({}, base), {}, {
|
|
55930
|
+
background: isDark ? '#1f2937' : '#f1f5f9',
|
|
55931
|
+
color: isDark ? '#f3f4f6' : '#0f172a'
|
|
55932
|
+
});
|
|
55933
|
+
if (kind === 'prio-high') return _objectSpread2(_objectSpread2({}, base), {}, {
|
|
55934
|
+
background: isDark ? 'rgba(239,68,68,0.18)' : '#fef2f2',
|
|
55935
|
+
color: isDark ? '#fecaca' : '#7f1d1d',
|
|
55936
|
+
border: isDark ? '1px solid rgba(248,113,113,0.30)' : '1px solid #fecaca'
|
|
55937
|
+
});
|
|
55938
|
+
if (kind === 'prio-medium') return _objectSpread2(_objectSpread2({}, base), {}, {
|
|
55939
|
+
background: isDark ? 'rgba(99,102,241,0.20)' : '#eef2ff',
|
|
55940
|
+
color: isDark ? '#c7d2fe' : '#4f46e5',
|
|
55941
|
+
border: '1px solid transparent'
|
|
55942
|
+
});
|
|
55943
|
+
if (kind === 'prio-low') return base;
|
|
55944
|
+
return base;
|
|
55945
|
+
}
|
|
55946
|
+
|
|
54932
55947
|
const _excluded$1 = ["node", "children"],
|
|
54933
55948
|
_excluded2 = ["node", "children"],
|
|
54934
55949
|
_excluded3 = ["node", "children"],
|
|
@@ -55532,48 +56547,51 @@
|
|
|
55532
56547
|
className: "flex items-start gap-2 min-w-0 w-full max-w-full",
|
|
55533
56548
|
children: source.source_type === "file" ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
55534
56549
|
className: "min-w-0 w-full",
|
|
55535
|
-
children: /*#__PURE__*/jsxRuntimeExports.jsxs("
|
|
55536
|
-
className: "min-w-0
|
|
56550
|
+
children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
56551
|
+
className: "flex items-start gap-1 min-w-0",
|
|
55537
56552
|
style: {
|
|
55538
56553
|
color,
|
|
55539
56554
|
fontFamily: fontFamily || "Inter",
|
|
55540
|
-
fontSize: fontSize || "14px"
|
|
55541
|
-
wordBreak: 'break-word',
|
|
55542
|
-
overflowWrap: 'anywhere',
|
|
55543
|
-
paddingLeft: '1.5em',
|
|
55544
|
-
textIndent: '-1.5em'
|
|
56555
|
+
fontSize: fontSize || "14px"
|
|
55545
56556
|
},
|
|
55546
|
-
title: decodedName(source.source_name) || "File",
|
|
55547
56557
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx(FileText, {
|
|
55548
|
-
className: "
|
|
56558
|
+
className: "flex-shrink-0 text-current opacity-80",
|
|
55549
56559
|
strokeWidth: 2,
|
|
55550
56560
|
style: {
|
|
55551
56561
|
width: '1em',
|
|
55552
56562
|
height: '1em',
|
|
55553
|
-
|
|
55554
|
-
verticalAlign: '-0.15em'
|
|
56563
|
+
marginTop: '0.15em'
|
|
55555
56564
|
},
|
|
55556
56565
|
"aria-hidden": true
|
|
55557
|
-
}),
|
|
55558
|
-
|
|
55559
|
-
|
|
55560
|
-
disabled: downloadingId === _downloadKey(source),
|
|
55561
|
-
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",
|
|
56566
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
|
|
56567
|
+
className: "min-w-0 flex-1",
|
|
56568
|
+
title: decodedName(source.source_name) || "File",
|
|
55562
56569
|
style: {
|
|
55563
|
-
|
|
55564
|
-
|
|
55565
|
-
height: '1em'
|
|
56570
|
+
wordBreak: 'break-word',
|
|
56571
|
+
overflowWrap: 'anywhere'
|
|
55566
56572
|
},
|
|
55567
|
-
|
|
55568
|
-
|
|
55569
|
-
|
|
55570
|
-
|
|
55571
|
-
|
|
55572
|
-
|
|
55573
|
-
|
|
55574
|
-
|
|
55575
|
-
|
|
55576
|
-
|
|
56573
|
+
children: [decodedName(source.source_name) || "File", /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
56574
|
+
type: "button",
|
|
56575
|
+
onClick: () => handleFileDownload(source),
|
|
56576
|
+
disabled: downloadingId === _downloadKey(source),
|
|
56577
|
+
className: "inline-flex items-center 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",
|
|
56578
|
+
style: {
|
|
56579
|
+
color,
|
|
56580
|
+
width: '1em',
|
|
56581
|
+
height: '1em',
|
|
56582
|
+
verticalAlign: '-0.1em'
|
|
56583
|
+
},
|
|
56584
|
+
"aria-label": downloadingId === _downloadKey(source) ? "Downloading…" : "Download file",
|
|
56585
|
+
title: downloadingId === _downloadKey(source) ? "Downloading…" : "Download",
|
|
56586
|
+
children: downloadingId === _downloadKey(source) ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
|
|
56587
|
+
size: "1em",
|
|
56588
|
+
strokeWidth: 2,
|
|
56589
|
+
className: "animate-spin"
|
|
56590
|
+
}) : /*#__PURE__*/jsxRuntimeExports.jsx(Download, {
|
|
56591
|
+
size: "1em",
|
|
56592
|
+
strokeWidth: 2
|
|
56593
|
+
})
|
|
56594
|
+
})]
|
|
55577
56595
|
})]
|
|
55578
56596
|
})
|
|
55579
56597
|
}) : /*#__PURE__*/jsxRuntimeExports.jsxs("a", {
|
|
@@ -55690,13 +56708,63 @@
|
|
|
55690
56708
|
return (_message$feedback = message === null || message === void 0 ? void 0 : message.feedback) !== null && _message$feedback !== void 0 ? _message$feedback : null;
|
|
55691
56709
|
}); // 'like' | 'dislike' | null
|
|
55692
56710
|
|
|
56711
|
+
// Thumbs-down opens an optional free-text "what went wrong?" form before
|
|
56712
|
+
// the feedback is submitted — mirroring the in-app preview widget
|
|
56713
|
+
// (packages/frontend/.../preview-section/AssistantMessage.tsx). Previously
|
|
56714
|
+
// the installed widget POSTed the dislike immediately with no comment box,
|
|
56715
|
+
// so users got no chance to explain and no visible confirmation.
|
|
56716
|
+
const [showFeedbackForm, setShowFeedbackForm] = reactExports.useState(false);
|
|
56717
|
+
const [pendingFeedback, setPendingFeedback] = reactExports.useState(null); // 'dislike' | null
|
|
56718
|
+
const [feedbackText, setFeedbackText] = reactExports.useState("");
|
|
56719
|
+
const feedbackInputRef = reactExports.useRef(null);
|
|
55693
56720
|
const handleFeedbackClick = reactExports.useCallback(type => {
|
|
55694
|
-
|
|
55695
|
-
|
|
55696
|
-
|
|
55697
|
-
|
|
56721
|
+
if (!onFeedback || !displayContent) return;
|
|
56722
|
+
|
|
56723
|
+
// Clicking the active rating again toggles it off.
|
|
56724
|
+
if (activeFeedback === type) {
|
|
56725
|
+
setActiveFeedback(null);
|
|
56726
|
+
setShowFeedbackForm(false);
|
|
56727
|
+
setPendingFeedback(null);
|
|
56728
|
+
setFeedbackText("");
|
|
56729
|
+
onFeedback(displayContent, null);
|
|
56730
|
+
return;
|
|
56731
|
+
}
|
|
56732
|
+
|
|
56733
|
+
// Thumbs UP submits immediately — a one-click positive signal shouldn't
|
|
56734
|
+
// be gated behind a form.
|
|
56735
|
+
if (type === "like") {
|
|
56736
|
+
setActiveFeedback("like");
|
|
56737
|
+
setShowFeedbackForm(false);
|
|
56738
|
+
setPendingFeedback(null);
|
|
56739
|
+
setFeedbackText("");
|
|
56740
|
+
onFeedback(displayContent, "like");
|
|
56741
|
+
return;
|
|
55698
56742
|
}
|
|
56743
|
+
|
|
56744
|
+
// Thumbs DOWN opens the optional-reason form; submit posts the feedback
|
|
56745
|
+
// (with or without text), cancel discards it.
|
|
56746
|
+
setActiveFeedback(null);
|
|
56747
|
+
setPendingFeedback("dislike");
|
|
56748
|
+
setShowFeedbackForm(true);
|
|
56749
|
+
setFeedbackText("");
|
|
56750
|
+
setTimeout(() => {
|
|
56751
|
+
var _feedbackInputRef$cur;
|
|
56752
|
+
return (_feedbackInputRef$cur = feedbackInputRef.current) === null || _feedbackInputRef$cur === void 0 ? void 0 : _feedbackInputRef$cur.focus();
|
|
56753
|
+
}, 100);
|
|
55699
56754
|
}, [activeFeedback, onFeedback, displayContent]);
|
|
56755
|
+
const handleFeedbackSubmit = reactExports.useCallback(() => {
|
|
56756
|
+
if (!onFeedback || !displayContent || !pendingFeedback) return;
|
|
56757
|
+
setActiveFeedback(pendingFeedback);
|
|
56758
|
+
onFeedback(displayContent, pendingFeedback, feedbackText.trim() || undefined);
|
|
56759
|
+
setShowFeedbackForm(false);
|
|
56760
|
+
setFeedbackText("");
|
|
56761
|
+
setPendingFeedback(null);
|
|
56762
|
+
}, [onFeedback, displayContent, pendingFeedback, feedbackText]);
|
|
56763
|
+
const handleFeedbackCancel = reactExports.useCallback(() => {
|
|
56764
|
+
setShowFeedbackForm(false);
|
|
56765
|
+
setFeedbackText("");
|
|
56766
|
+
setPendingFeedback(null);
|
|
56767
|
+
}, []);
|
|
55700
56768
|
const bubbleColor = agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : isDark ? "#1f2937" : "#FFFFFF";
|
|
55701
56769
|
const messageTextColor = assistantTextColor !== undefined && assistantTextColor !== null ? assistantTextColor : textColor !== undefined && textColor !== null ? textColor : isDark ? "#f3f4f6" : "#1A1A1A";
|
|
55702
56770
|
const messageFontFamily = agentMessageBubbleFontFamily !== undefined && agentMessageBubbleFontFamily !== null ? agentMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
|
|
@@ -55827,7 +56895,7 @@
|
|
|
55827
56895
|
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
55828
56896
|
type: "button",
|
|
55829
56897
|
onClick: () => handleFeedbackClick('like'),
|
|
55830
|
-
className: "p-0.5 rounded transition-colors ".concat(activeFeedback === 'like' ? 'text-green-500' : isDark ? 'text-gray-500 hover:text-gray-300' : 'text-gray-400 hover:text-gray-600'),
|
|
56898
|
+
className: "p-0.5 rounded transition-colors ".concat(activeFeedback === 'like' || pendingFeedback === 'like' ? 'text-green-500' : isDark ? 'text-gray-500 hover:text-gray-300' : 'text-gray-400 hover:text-gray-600'),
|
|
55831
56899
|
style: {
|
|
55832
56900
|
border: "none",
|
|
55833
56901
|
background: "transparent",
|
|
@@ -55842,7 +56910,7 @@
|
|
|
55842
56910
|
}), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
55843
56911
|
type: "button",
|
|
55844
56912
|
onClick: () => handleFeedbackClick('dislike'),
|
|
55845
|
-
className: "p-0.5 rounded transition-colors ".concat(activeFeedback === 'dislike' ? 'text-red-500' : isDark ? 'text-gray-500 hover:text-gray-300' : 'text-gray-400 hover:text-gray-600'),
|
|
56913
|
+
className: "p-0.5 rounded transition-colors ".concat(activeFeedback === 'dislike' || pendingFeedback === 'dislike' ? 'text-red-500' : isDark ? 'text-gray-500 hover:text-gray-300' : 'text-gray-400 hover:text-gray-600'),
|
|
55846
56914
|
style: {
|
|
55847
56915
|
border: "none",
|
|
55848
56916
|
background: "transparent",
|
|
@@ -55856,6 +56924,55 @@
|
|
|
55856
56924
|
})
|
|
55857
56925
|
})]
|
|
55858
56926
|
})]
|
|
56927
|
+
}), showFeedbackForm && pendingFeedback === 'dislike' && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
56928
|
+
className: "mt-2 w-full rounded-xl border p-3 shadow ".concat(isDark ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"),
|
|
56929
|
+
style: {
|
|
56930
|
+
direction: isRtl ? "rtl" : "ltr"
|
|
56931
|
+
},
|
|
56932
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("textarea", {
|
|
56933
|
+
ref: feedbackInputRef,
|
|
56934
|
+
value: feedbackText,
|
|
56935
|
+
onChange: e => setFeedbackText(e.target.value),
|
|
56936
|
+
onKeyDown: e => {
|
|
56937
|
+
if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
|
|
56938
|
+
e.preventDefault();
|
|
56939
|
+
handleFeedbackSubmit();
|
|
56940
|
+
} else if (e.key === "Escape") {
|
|
56941
|
+
e.preventDefault();
|
|
56942
|
+
handleFeedbackCancel();
|
|
56943
|
+
}
|
|
56944
|
+
},
|
|
56945
|
+
placeholder: "What went wrong? (optional)",
|
|
56946
|
+
rows: 2,
|
|
56947
|
+
className: "w-full resize-none rounded-lg border px-2 py-1.5 text-xs focus:outline-none focus:ring-1 ".concat(isDark ? "bg-gray-900 border-gray-700 text-gray-100 placeholder-gray-500 focus:ring-gray-600" : "bg-white border-gray-200 text-gray-900 placeholder-gray-400 focus:ring-gray-300"),
|
|
56948
|
+
style: {
|
|
56949
|
+
fontFamily: messageFontFamily,
|
|
56950
|
+
textAlign: isRtl ? "right" : "left"
|
|
56951
|
+
}
|
|
56952
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
|
|
56953
|
+
className: "flex items-center justify-end gap-1.5 mt-1.5",
|
|
56954
|
+
children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
56955
|
+
type: "button",
|
|
56956
|
+
onClick: handleFeedbackCancel,
|
|
56957
|
+
className: "text-xs px-2 py-1 rounded transition-colors ".concat(isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700"),
|
|
56958
|
+
style: {
|
|
56959
|
+
border: "none",
|
|
56960
|
+
background: "transparent",
|
|
56961
|
+
cursor: "pointer"
|
|
56962
|
+
},
|
|
56963
|
+
children: "Cancel"
|
|
56964
|
+
}), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
56965
|
+
type: "button",
|
|
56966
|
+
onClick: handleFeedbackSubmit,
|
|
56967
|
+
className: "text-xs px-2.5 py-1 rounded text-white transition-opacity hover:opacity-90",
|
|
56968
|
+
style: {
|
|
56969
|
+
backgroundColor: primaryColor || "#2563eb",
|
|
56970
|
+
border: "none",
|
|
56971
|
+
cursor: "pointer"
|
|
56972
|
+
},
|
|
56973
|
+
children: "Submit"
|
|
56974
|
+
})]
|
|
56975
|
+
})]
|
|
55859
56976
|
})]
|
|
55860
56977
|
})]
|
|
55861
56978
|
})
|
|
@@ -56322,7 +57439,6 @@
|
|
|
56322
57439
|
return null;
|
|
56323
57440
|
}
|
|
56324
57441
|
const resolvedTextColor = (_ref5 = questionTextColor !== null && questionTextColor !== void 0 ? questionTextColor : textColor) !== null && _ref5 !== void 0 ? _ref5 : isDark ? "#f3f4f6" : "#111827";
|
|
56325
|
-
const resolvedQuestionBoxColor = questionBoxColor !== null && questionBoxColor !== void 0 ? questionBoxColor : isDark ? "#374151" : "#e5e7eb";
|
|
56326
57442
|
const palette = reactExports.useMemo(() => getQuickQuestionPalette(resolvedTextColor, isDark), [resolvedTextColor, isDark]);
|
|
56327
57443
|
const applyHoverState = (element, isHover) => {
|
|
56328
57444
|
element.style.backgroundColor = isHover ? palette.hoverBackground : palette.background;
|
|
@@ -56343,9 +57459,9 @@
|
|
|
56343
57459
|
});
|
|
56344
57460
|
}
|
|
56345
57461
|
|
|
56346
|
-
// Vertical layout (default)
|
|
57462
|
+
// Vertical layout (default) — pill style matching chat-preview
|
|
56347
57463
|
return /*#__PURE__*/jsxRuntimeExports.jsxs("div", _objectSpread2(_objectSpread2({
|
|
56348
|
-
className: "
|
|
57464
|
+
className: "pl-[50px]"
|
|
56349
57465
|
}, isRtl && {
|
|
56350
57466
|
style: {
|
|
56351
57467
|
paddingLeft: "0",
|
|
@@ -56361,41 +57477,31 @@
|
|
|
56361
57477
|
},
|
|
56362
57478
|
children: headingLabel
|
|
56363
57479
|
}) : null, /*#__PURE__*/jsxRuntimeExports.jsx("div", {
|
|
56364
|
-
className: "
|
|
56365
|
-
children: questions.map((question, index) => /*#__PURE__*/jsxRuntimeExports.
|
|
57480
|
+
className: "flex flex-wrap gap-2",
|
|
57481
|
+
children: questions.map((question, index) => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
|
|
56366
57482
|
onClick: () => onQuestionClick === null || onQuestionClick === void 0 ? void 0 : onQuestionClick(question),
|
|
56367
|
-
className: "
|
|
57483
|
+
className: "transition-all duration-200 active:scale-[0.97]",
|
|
56368
57484
|
style: {
|
|
56369
57485
|
direction: isRtl ? "rtl" : "ltr",
|
|
56370
|
-
|
|
56371
|
-
|
|
56372
|
-
|
|
57486
|
+
fontFamily,
|
|
57487
|
+
fontSize,
|
|
57488
|
+
color: primaryColor,
|
|
57489
|
+
backgroundColor: isDark ? "transparent" : "#ffffff",
|
|
57490
|
+
border: "1.5px solid ".concat(primaryColor),
|
|
57491
|
+
borderRadius: "9999px",
|
|
57492
|
+
padding: "5px 14px",
|
|
57493
|
+
fontWeight: 500,
|
|
57494
|
+
lineHeight: "1.4",
|
|
57495
|
+
whiteSpace: "normal",
|
|
57496
|
+
textAlign: isRtl ? "right" : "left"
|
|
56373
57497
|
},
|
|
56374
57498
|
onMouseEnter: e => {
|
|
56375
|
-
|
|
57499
|
+
e.currentTarget.style.backgroundColor = "".concat(primaryColor, "14");
|
|
56376
57500
|
},
|
|
56377
57501
|
onMouseLeave: e => {
|
|
56378
|
-
|
|
57502
|
+
e.currentTarget.style.backgroundColor = isDark ? "transparent" : "#ffffff";
|
|
56379
57503
|
},
|
|
56380
|
-
children:
|
|
56381
|
-
style: {
|
|
56382
|
-
backgroundColor: "#F5F5F5",
|
|
56383
|
-
border: "1px solid ".concat(resolvedQuestionBoxColor)
|
|
56384
|
-
},
|
|
56385
|
-
className: "absolute inset-0 transition-opacity duration-300 rounded-2xl"
|
|
56386
|
-
}), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
56387
|
-
className: "relative z-10 flex items-center gap-2.5 text-left",
|
|
56388
|
-
children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
|
|
56389
|
-
className: "flex-1 leading-snug ".concat(isRtl ? "text-right" : "text-left"),
|
|
56390
|
-
style: {
|
|
56391
|
-
direction: isRtl ? "rtl" : "ltr",
|
|
56392
|
-
color: "#1A1A1A",
|
|
56393
|
-
fontFamily,
|
|
56394
|
-
fontSize
|
|
56395
|
-
},
|
|
56396
|
-
children: question
|
|
56397
|
-
})
|
|
56398
|
-
})]
|
|
57504
|
+
children: question
|
|
56399
57505
|
}, index))
|
|
56400
57506
|
})]
|
|
56401
57507
|
}));
|