@aslaluroba/help-center-react 3.0.6 → 3.0.8

package/dist/index.css

@@ -1 +1 @@
-.babylai-fixed{position:fixed}.babylai-absolute{position:absolute}.babylai-relative{position:relative}.babylai-inset-0{inset:0}.babylai--right-2{right:-.5rem}.babylai--top-2{top:-.5rem}.babylai-bottom-20{bottom:5rem}.babylai-bottom-4{bottom:1rem}.babylai-bottom-\[6rem\]{bottom:6rem}.babylai-end-1{inset-inline-end:.25rem}.babylai-left-1\/2{left:50%}.babylai-right-0{right:0}.babylai-right-3{right:.75rem}.babylai-right-4{right:1rem}.babylai-start-0{inset-inline-start:0}.babylai-top-0{top:0}.babylai-top-10{top:2.5rem}.babylai-z-10{z-index:10}.babylai-z-20{z-index:20}.babylai-z-50{z-index:50}.babylai-m-0{margin:0}.babylai-m-4{margin:1rem}.babylai-my-4{margin-bottom:1rem;margin-top:1rem}.babylai-mb-2{margin-bottom:.5rem}.babylai-mb-3{margin-bottom:.75rem}.babylai-mb-4{margin-bottom:1rem}.babylai-mr-2{margin-right:.5rem}.babylai-mt-3{margin-top:.75rem}.babylai-block{display:block}.babylai-flex{display:flex}.babylai-inline-flex{display:inline-flex}.\!babylai-h-10{height:2.5rem!important}.\!babylai-h-12{height:3rem!important}.\!babylai-h-auto{height:auto!important}.\!babylai-h-full{height:100%!important}.babylai-h-10{height:2.5rem}.babylai-h-12{height:3rem}.babylai-h-20{height:5rem}.babylai-h-4{height:1rem}.babylai-h-40{height:10rem}.babylai-h-5{height:1.25rem}.babylai-h-6{height:1.5rem}.babylai-h-8{height:2rem}.babylai-h-9{height:2.25rem}.babylai-h-\[12px\]{height:12px}.babylai-h-\[28px\]{height:28px}.babylai-h-\[4px\]{height:4px}.babylai-h-\[60\%\]{height:60%}.babylai-h-\[80px\]{height:80px}.babylai-h-auto{height:auto}.babylai-h-full{height:100%}.babylai-max-h-\[800px\]{max-height:800px}.babylai-max-h-\[calc\(100vh-90px\)\]{max-height:calc(100vh - 90px)}.\!babylai-w-10{width:2.5rem!important}.\!babylai-w-12{width:3rem!important}.\!babylai-w-\[12px\]{width:12px!important}.\!babylai-w-full{width:100%!important}.babylai-w-10{width:2.5rem}.babylai-w-12{width:3rem}.babylai-w-20{width:5rem}.babylai-w-4{width:1rem}.babylai-w-40{width:10rem}.babylai-w-48{width:12rem}.babylai-w-5{width:1.25rem}.babylai-w-6{width:1.5rem}.babylai-w-8{width:2rem}.babylai-w-\[124px\]{width:124px}.babylai-w-\[12px\]{width:12px}.babylai-w-\[14px\]{width:14px}.babylai-w-\[220px\]{width:220px}.babylai-w-\[28px\]{width:28px}.babylai-w-\[60\%\]{width:60%}.babylai-w-\[80px\]{width:80px}.babylai-w-full{width:100%}.babylai-max-w-\[200px\]{max-width:200px}.babylai-max-w-\[220px\]{max-width:220px}.babylai-max-w-\[80\%\]{max-width:80%}.babylai-max-w-sm{max-width:24rem}.babylai-flex-1{flex:1 1 0%}.babylai-flex-shrink-0{flex-shrink:0}.babylai--translate-x-1\/2{--tw-translate-x:-50%}.babylai--translate-x-1\/2,.babylai-rotate-180{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))}.babylai-rotate-180{--tw-rotate:180deg}.babylai-rotate-270{--tw-rotate:270deg}.babylai-rotate-270,.babylai-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))}.babylai-animate-\[float_2s_infinite_ease-in-out\]{animation:float 2s ease-in-out infinite}.babylai-cursor-pointer{cursor:pointer}.babylai-resize-none{resize:none}.babylai-flex-col{flex-direction:column}.babylai-items-end{align-items:flex-end}.babylai-items-center{align-items:center}.babylai-justify-start{justify-content:flex-start}.babylai-justify-end{justify-content:flex-end}.babylai-justify-center{justify-content:center}.babylai-justify-between{justify-content:space-between}.babylai-gap-0{gap:0}.babylai-gap-1{gap:.25rem}.babylai-gap-2{gap:.5rem}.babylai-gap-3{gap:.75rem}.babylai-gap-4{gap:1rem}.babylai-gap-6{gap:1.5rem}.babylai-gap-7{gap:1.75rem}.babylai-overflow-auto{overflow:auto}.babylai-overflow-hidden{overflow:hidden}.babylai-overflow-y-auto{overflow-y:auto}.babylai-whitespace-nowrap{white-space:nowrap}.babylai-break-words{overflow-wrap:break-word}.babylai-rounded-2xl{border-radius:1rem}.babylai-rounded-3xl{border-radius:1.5rem}.babylai-rounded-full{border-radius:9999px}.babylai-rounded-lg{border-radius:var(--radius)}.babylai-rounded-md{border-radius:calc(var(--radius) - 2px)}.babylai-rounded-none{border-radius:0}.babylai-rounded-xl{border-radius:.75rem}.babylai-rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.babylai-border{border-width:1px}.babylai-border-\[0\.5px\]{border-width:.5px}.babylai-border-t{border-top-width:1px}.babylai-border-none{border-style:none}.babylai-border-black-white-50{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-primary-500{--tw-border-opacity:1;border-color:rgb(173 73 225/var(--tw-border-opacity))}.babylai-bg-black-white-100{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.babylai-bg-black-white-50{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-black\/60{background-color:hsla(0,0%,9%,.6)}.babylai-bg-destructive{background-color:hsl(var(--destructive))}.babylai-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.babylai-bg-primary,.babylai-bg-primary-500{--tw-bg-opacity:1;background-color:rgb(173 73 225/var(--tw-bg-opacity))}.babylai-bg-primary-500\/10{background-color:rgba(173,73,225,.1)}.babylai-bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.babylai-bg-secondary{background-color:hsl(var(--secondary))}.babylai-bg-storm-dust-950{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.babylai-bg-transparent{background-color:transparent}.babylai-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.babylai-from-primary-500{--tw-gradient-from:#ad49e1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(173,73,225,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.babylai-to-primary-500\/60{--tw-gradient-to:rgba(173,73,225,.6) var(--tw-gradient-to-position)}.\!babylai-p-2{padding:.5rem!important}.babylai-p-2{padding:.5rem}.babylai-p-4{padding:1rem}.babylai-p-6{padding:1.5rem}.babylai-p-8{padding:2rem}.babylai-p-\[3px\]{padding:3px}.\!babylai-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!babylai-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.babylai-px-3{padding-left:.75rem;padding-right:.75rem}.babylai-px-4{padding-left:1rem;padding-right:1rem}.babylai-px-6{padding-left:1.5rem;padding-right:1.5rem}.babylai-px-8{padding-left:2rem;padding-right:2rem}.babylai-px-\[18px\]{padding-left:18px;padding-right:18px}.babylai-py-1{padding-bottom:.25rem;padding-top:.25rem}.babylai-py-16{padding-bottom:4rem;padding-top:4rem}.babylai-py-2{padding-bottom:.5rem;padding-top:.5rem}.babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.babylai-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.babylai-py-\[18px\]{padding-bottom:18px;padding-top:18px}.babylai-pb-12{padding-bottom:3rem}.babylai-pt-4{padding-top:1rem}.babylai-pt-8{padding-top:2rem}.babylai-text-left{text-align:left}.babylai-text-center{text-align:center}.babylai-font-sans{font-family:Cairo}.babylai-text-2xl{font-size:1.5rem;line-height:2rem}.babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.babylai-text-base{font-size:1rem;line-height:1.5rem}.babylai-text-lg{font-size:1.125rem;line-height:1.75rem}.babylai-text-sm{font-size:.875rem;line-height:1.25rem}.babylai-text-xs{font-size:.75rem;line-height:1rem}.\!babylai-font-bold{font-weight:700!important}.\!babylai-font-semibold{font-weight:600!important}.babylai-font-bold{font-weight:700}.babylai-font-medium{font-weight:500}.babylai-font-semibold{font-weight:600}.babylai-leading-6{line-height:1.5rem}.\!babylai-text-black-white-50{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.babylai-text-black{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.babylai-text-black-white-50{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-black-white-500{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.babylai-text-black-white-700{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.babylai-text-black-white-800{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity))}.babylai-text-black-white-900{--tw-text-opacity:1;color:rgb(5 5 5/var(--tw-text-opacity))}.babylai-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.babylai-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.babylai-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.babylai-text-primary,.babylai-text-primary-500{--tw-text-opacity:1;color:rgb(173 73 225/var(--tw-text-opacity))}.babylai-text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.babylai-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.babylai-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-underline-offset-4{text-underline-offset:4px}.babylai-opacity-70{opacity:.7}.babylai-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)}.babylai-shadow,.babylai-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-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)}.babylai-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-outline-none{outline:2px solid transparent;outline-offset:2px}.babylai-ring-1{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.babylai-ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.babylai-ring-opacity-5{--tw-ring-opacity:0.05}.babylai-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-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)}.babylai-duration-300{transition-duration:.3s}.babylai-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.babylai-duration-300{animation-duration:.3s}.babylai-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-me-3{margin-inline-end:.75rem}[dir=rtl] .babylai-start-0{right:0}[dir=ltr] .babylai-start-0{left:0}[dir=rtl] .babylai-end-1{left:.25rem}[dir=ltr] .babylai-end-1{right:.25rem}.babylai-help-center-container{bottom:12px;position:fixed;right:1%;z-index:9999}.babylai-help-center-errorContainer,.babylai-help-center-loadingContainer{background:#fff;border-radius:12px;bottom:90px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:16px;position:fixed;right:20px}.babylai-help-center-popup{background:#fff;border-radius:12px;bottom:80px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;width:360px;z-index:1000}.babylai-help-center-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.babylai-help-center-title{font-size:18px;font-weight:500;margin:0}.babylai-help-center-backButton{background:none;border:none;color:#666;cursor:pointer;padding:4px}.babylai-help-center-content{flex:1;overflow-y:auto;padding:16px}.babylai-help-center-optionsList{display:flex;flex-direction:column;gap:8px}.babylai-help-center-optionButton{background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;text-align:left}.babylai-help-center-optionButton:hover{background:#eee}.babylai-help-center-detailsContent{display:flex;flex-direction:column;gap:12px}.babylai-help-center-paragraph{line-height:1.5;margin:0}.babylai-help-center-chatButton{align-self:center;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s}.babylai-help-center-chatButton:hover{opacity:.9}.babylai-help-center-footer{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.babylai-help-center-endChatButton{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 15px}.babylai-help-center-endChatButton:hover{background-color:#c00}.babylai-help-center-footerText{color:#999;font-size:12px;margin:0}.babylai-help-center-chatContainer{display:flex;flex-direction:column;height:400px;overflow:hidden}.babylai-help-center-chatMessages{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.babylai-help-center-message{border-radius:12px;max-width:80%;padding:8px 12px;position:relative}.babylai-help-center-userMessage{align-self:flex-start;background-color:#7a8ce9;color:#fff;direction:rtl}.babylai-help-center-assistantMessage{align-self:flex-end;background-color:#f1f1f1;color:#000;direction:rtl}.babylai-help-center-seenIndicator{bottom:-4px;color:#666;font-size:10px;position:absolute;right:4px}.babylai-help-center-chatInput{background:#fff;border-top:1px solid #eee;display:flex;gap:8px;padding:16px;position:relative}.babylai-help-center-chatInput input{border:1px solid #ddd;border-radius:20px;flex:1;outline:none;padding:8px 12px}.babylai-help-center-chatInput input:focus{border-color:#7a8ce9}.babylai-help-center-sendButton{align-items:center;background:#7a8ce9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.babylai-help-center-sendButton:hover{background:#7a8ce9}.babylai-help-center-sendButton:disabled{background:#ccc;cursor:not-allowed}.babylai-help-center-typingIndicator{display:flex;gap:4px}.babylai-help-center-typingIndicator span{animation:bounce 1s infinite}.babylai-help-center-typingIndicator span:nth-child(2){animation-delay:.2s}.babylai-help-center-typingIndicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.babylai-help-center-errorContainer{color:#ff3b30}.babylai-help-center-dialogOverlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.babylai-help-center-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:400px;padding:20px;width:90%}.babylai-help-center-dialogHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.babylai-help-center-dialogHeader h4{font-size:18px;font-weight:500;margin:0}.babylai-help-center-dialogContent{margin-bottom:20px}.babylai-help-center-dialogContent p{color:#666;margin:0}.babylai-help-center-dialogActions{display:flex;gap:12px;justify-content:flex-end}.babylai-help-center-cancelButton,.babylai-help-center-confirmButton{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.babylai-help-center-cancelButton{background-color:#f5f5f5;color:#666}.babylai-help-center-confirmButton{background-color:#7a8ce9;color:#fff}.babylai-help-center-cancelButton:hover{background-color:#eee}.babylai-help-center-confirmButton:hover{opacity:.9}.babylai-help-center-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#d49cee;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.babylai-help-center-messageBox{background-color:#7a8ce9;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.15);color:#fff;margin-bottom:16px;max-width:200px;padding:12px 16px;position:relative}.babylai-help-center-messageBox:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #7a8ce9;bottom:-10px;content:"";height:0;position:absolute;right:20px;width:0}.babylai-help-center-text{font-size:12px;font-weight:700;margin:0}.babylai-help-center-closeButton{align-items:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:20px;justify-content:center;padding:3px;position:absolute;right:-8px;top:-8px;width:20px}.babylai-help-center-closeButton:hover{background-color:#6675c3;color:#fff}.babylai-help-center-arrow{animation:float 2s ease-in-out infinite;height:32px;width:32px}.babylai-help-center-arrowSvg{stroke:#7a8ce9;fill:none}.babylai-help-center-helpButton{align-items:center;background-color:#7a8ce9;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s,background-color .2s;width:56px;z-index:1000}.babylai-help-center-helpButton:hover{background-color:#6270ba;transform:scale(1.05)}.babylai-help-center-helpButton:active{transform:scale(.95)}.after\:babylai-absolute:after{content:var(--tw-content);position:absolute}.after\:babylai--bottom-\[10px\]:after{bottom:-10px;content:var(--tw-content)}.after\:babylai-right-5:after{content:var(--tw-content);right:1.25rem}.after\:babylai-h-0:after{content:var(--tw-content);height:0}.after\:babylai-w-0:after{content:var(--tw-content);width:0}.after\:babylai-border-l-\[10px\]:after{border-left-width:10px;content:var(--tw-content)}.after\:babylai-border-r-\[10px\]:after{border-right-width:10px;content:var(--tw-content)}.after\:babylai-border-t-\[10px\]:after{border-top-width:10px;content:var(--tw-content)}.after\:babylai-border-l-transparent:after{border-left-color:transparent;content:var(--tw-content)}.after\:babylai-border-r-transparent:after{border-right-color:transparent;content:var(--tw-content)}.after\:babylai-border-t-primary-500:after{--tw-border-opacity:1;border-top-color:rgb(173 73 225/var(--tw-border-opacity));content:var(--tw-content)}.after\:babylai-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:babylai-border-primary-600:hover{--tw-border-opacity:1;border-color:rgb(103 43 135/var(--tw-border-opacity))}.hover\:babylai-bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:babylai-bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(246 236 252/var(--tw-bg-opacity))}.hover\:babylai-bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(103 43 135/var(--tw-bg-opacity))}.hover\:babylai-text-primary-600:hover{--tw-text-opacity:1;color:rgb(103 43 135/var(--tw-text-opacity))}.focus-visible\:babylai-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:babylai-ring-1: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(1px + 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)}.focus-visible\:babylai-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:babylai-pointer-events-none:disabled{pointer-events:none}.disabled\:babylai-opacity-50:disabled{opacity:.5}@media (prefers-color-scheme:dark){.dark\:\!babylai-bg-storm-dust-900{--tw-bg-opacity:1!important;background-color:rgb(61 61 61/var(--tw-bg-opacity))!important}.dark\:\!babylai-bg-storm-dust-950{--tw-bg-opacity:1!important;background-color:rgb(38 38 38/var(--tw-bg-opacity))!important}.dark\:babylai-bg-storm-dust-900{--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity))}.dark\:babylai-bg-storm-dust-950{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.dark\:babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:babylai-inset-auto{inset:auto}.md\:babylai-bottom-\[6rem\]{bottom:6rem}.md\:babylai-right-4{right:1rem}.md\:babylai-m-6{margin:1.5rem}.md\:babylai-mb-4{margin-bottom:1rem}.md\:\!babylai-h-10{height:2.5rem!important}.md\:babylai-h-\[calc\(100vh-240px\)\]{height:calc(100vh - 240px)}.md\:\!babylai-w-10{width:2.5rem!important}.md\:babylai-max-w-sm{max-width:24rem}.md\:babylai-rounded-3xl{border-radius:1.5rem}.md\:\!babylai-p-2{padding:.5rem!important}.md\:babylai-px-4{padding-left:1rem;padding-right:1rem}.md\:babylai-py-28{padding-bottom:7rem;padding-top:7rem}.md\:babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:babylai-py-8{padding-bottom:2rem;padding-top:2rem}.md\:\!babylai-text-base{font-size:1rem!important;line-height:1.5rem!important}.md\:babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:babylai-text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&_svg\]\:babylai-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:babylai-shrink-0 svg{flex-shrink:0}
+.babylai-fixed{position:fixed}.babylai-absolute{position:absolute}.babylai-relative{position:relative}.babylai-inset-0{inset:0}.babylai--right-2{right:-.5rem}.babylai--top-2{top:-.5rem}.babylai-bottom-20{bottom:5rem}.babylai-bottom-4{bottom:1rem}.babylai-bottom-\[6rem\]{bottom:6rem}.babylai-right-0{right:0}.babylai-right-1{right:.25rem}.babylai-right-3{right:.75rem}.babylai-right-4{right:1rem}.babylai-start-0{inset-inline-start:0}.babylai-top-0{top:0}.babylai-top-10{top:2.5rem}.babylai-z-10{z-index:10}.babylai-z-20{z-index:20}.babylai-z-50{z-index:50}.babylai-m-0{margin:0}.babylai-m-4{margin:1rem}.babylai-my-4{margin-bottom:1rem;margin-top:1rem}.babylai-mb-2{margin-bottom:.5rem}.babylai-mb-3{margin-bottom:.75rem}.babylai-mb-4{margin-bottom:1rem}.babylai-mt-3{margin-top:.75rem}.babylai-block{display:block}.babylai-flex{display:flex}.babylai-inline-flex{display:inline-flex}.\!babylai-h-10{height:2.5rem!important}.\!babylai-h-12{height:3rem!important}.\!babylai-h-auto{height:auto!important}.\!babylai-h-full{height:100%!important}.babylai-h-1{height:.25rem}.babylai-h-10{height:2.5rem}.babylai-h-12{height:3rem}.babylai-h-20{height:5rem}.babylai-h-3{height:.75rem}.babylai-h-4{height:1rem}.babylai-h-40{height:10rem}.babylai-h-5{height:1.25rem}.babylai-h-6{height:1.5rem}.babylai-h-8{height:2rem}.babylai-h-9{height:2.25rem}.babylai-h-\[28px\]{height:28px}.babylai-h-\[60\%\]{height:60%}.babylai-h-\[80px\]{height:80px}.babylai-h-auto{height:auto}.babylai-h-full{height:100%}.babylai-max-h-\[800px\]{max-height:800px}.babylai-max-h-\[calc\(100vh-90px\)\]{max-height:calc(100vh - 90px)}.\!babylai-w-10{width:2.5rem!important}.\!babylai-w-12{width:3rem!important}.\!babylai-w-3{width:.75rem!important}.\!babylai-w-full{width:100%!important}.babylai-w-10{width:2.5rem}.babylai-w-12{width:3rem}.babylai-w-20{width:5rem}.babylai-w-3{width:.75rem}.babylai-w-3\.5{width:.875rem}.babylai-w-4{width:1rem}.babylai-w-40{width:10rem}.babylai-w-48{width:12rem}.babylai-w-5{width:1.25rem}.babylai-w-6{width:1.5rem}.babylai-w-8{width:2rem}.babylai-w-\[124px\]{width:124px}.babylai-w-\[220px\]{width:220px}.babylai-w-\[28px\]{width:28px}.babylai-w-\[60\%\]{width:60%}.babylai-w-\[80px\]{width:80px}.babylai-w-full{width:100%}.babylai-max-w-\[200px\]{max-width:200px}.babylai-max-w-\[220px\]{max-width:220px}.babylai-max-w-\[80\%\]{max-width:80%}.babylai-max-w-sm{max-width:24rem}.babylai-flex-1{flex:1 1 0%}.babylai-flex-shrink-0{flex-shrink:0}.babylai-rotate-180{--tw-rotate:180deg}.babylai-rotate-180,.babylai-rotate-270{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))}.babylai-rotate-270{--tw-rotate:270deg}.babylai-animate-\[float_2s_infinite_ease-in-out\]{animation:float 2s ease-in-out infinite}.babylai-cursor-default{cursor:default}.babylai-cursor-pointer{cursor:pointer}.babylai-resize-none{resize:none}.babylai-flex-col{flex-direction:column}.babylai-items-end{align-items:flex-end}.babylai-items-center{align-items:center}.babylai-justify-start{justify-content:flex-start}.babylai-justify-end{justify-content:flex-end}.babylai-justify-center{justify-content:center}.babylai-justify-between{justify-content:space-between}.babylai-gap-0{gap:0}.babylai-gap-1{gap:.25rem}.babylai-gap-2{gap:.5rem}.babylai-gap-3{gap:.75rem}.babylai-gap-4{gap:1rem}.babylai-gap-6{gap:1.5rem}.babylai-gap-7{gap:1.75rem}.babylai-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)))}.babylai-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.babylai-overflow-auto{overflow:auto}.babylai-overflow-hidden{overflow:hidden}.babylai-overflow-y-auto{overflow-y:auto}.babylai-whitespace-nowrap{white-space:nowrap}.babylai-break-words{overflow-wrap:break-word}.babylai-rounded-2xl{border-radius:1rem}.babylai-rounded-3xl{border-radius:1.5rem}.babylai-rounded-full{border-radius:9999px}.babylai-rounded-lg{border-radius:var(--radius)}.babylai-rounded-md{border-radius:calc(var(--radius) - 2px)}.babylai-rounded-none{border-radius:0}.babylai-rounded-xl{border-radius:.75rem}.babylai-rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.babylai-border{border-width:1px}.babylai-border-\[0\.5px\]{border-width:.5px}.babylai-border-b{border-bottom-width:1px}.babylai-border-t{border-top-width:1px}.babylai-border-none{border-style:none}.babylai-border-black-white-50{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.babylai-border-primary-500{--tw-border-opacity:1;border-color:rgb(173 73 225/var(--tw-border-opacity))}.babylai-bg-black-white-100{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.babylai-bg-black-white-50{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-black\/60{background-color:hsla(0,0%,9%,.6)}.babylai-bg-card{background-color:hsl(var(--card))}.babylai-bg-destructive{background-color:hsl(var(--destructive))}.babylai-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.babylai-bg-primary,.babylai-bg-primary-500{--tw-bg-opacity:1;background-color:rgb(173 73 225/var(--tw-bg-opacity))}.babylai-bg-primary-500\/10{background-color:rgba(173,73,225,.1)}.babylai-bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.babylai-bg-secondary{background-color:hsl(var(--secondary))}.babylai-bg-storm-dust-950{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.babylai-bg-transparent{background-color:transparent}.babylai-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.babylai-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.babylai-from-primary-500{--tw-gradient-from:#ad49e1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(173,73,225,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.babylai-to-primary-500\/60{--tw-gradient-to:rgba(173,73,225,.6) var(--tw-gradient-to-position)}.babylai-fill-yellow-400{fill:#facc15}.\!babylai-p-2{padding:.5rem!important}.babylai-p-2{padding:.5rem}.babylai-p-4{padding:1rem}.babylai-p-6{padding:1.5rem}.babylai-p-8{padding:2rem}.babylai-p-\[3px\]{padding:3px}.\!babylai-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!babylai-py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.babylai-px-3{padding-left:.75rem;padding-right:.75rem}.babylai-px-4{padding-left:1rem;padding-right:1rem}.babylai-px-6{padding-left:1.5rem;padding-right:1.5rem}.babylai-px-8{padding-left:2rem;padding-right:2rem}.babylai-px-\[18px\]{padding-left:18px;padding-right:18px}.babylai-py-1{padding-bottom:.25rem;padding-top:.25rem}.babylai-py-16{padding-bottom:4rem;padding-top:4rem}.babylai-py-2{padding-bottom:.5rem;padding-top:.5rem}.babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.babylai-py-4{padding-bottom:1rem;padding-top:1rem}.babylai-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.babylai-py-\[18px\]{padding-bottom:18px;padding-top:18px}.babylai-pb-12{padding-bottom:3rem}.babylai-pb-4{padding-bottom:1rem}.babylai-pt-0{padding-top:0}.babylai-pt-4{padding-top:1rem}.babylai-pt-8{padding-top:2rem}.babylai-text-center{text-align:center}.babylai-text-start{text-align:start}.babylai-font-sans{font-family:Cairo}.babylai-text-2xl{font-size:1.5rem;line-height:2rem}.babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.babylai-text-base{font-size:1rem;line-height:1.5rem}.babylai-text-lg{font-size:1.125rem;line-height:1.75rem}.babylai-text-sm{font-size:.875rem;line-height:1.25rem}.babylai-text-xs{font-size:.75rem;line-height:1rem}.\!babylai-font-bold{font-weight:700!important}.\!babylai-font-semibold{font-weight:600!important}.babylai-font-bold{font-weight:700}.babylai-font-medium{font-weight:500}.babylai-font-semibold{font-weight:600}.babylai-leading-6{line-height:1.5rem}.babylai-leading-none{line-height:1}.babylai-tracking-tight{letter-spacing:-.025em}.\!babylai-text-black-white-50{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.babylai-text-black-white-50{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-black-white-500{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.babylai-text-black-white-700{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.babylai-text-black-white-800{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity))}.babylai-text-black-white-900{--tw-text-opacity:1;color:rgb(5 5 5/var(--tw-text-opacity))}.babylai-text-card-foreground{color:hsl(var(--card-foreground))}.babylai-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.babylai-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.babylai-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.babylai-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.babylai-text-muted-foreground{color:hsl(var(--muted-foreground))}.babylai-text-primary,.babylai-text-primary-500{--tw-text-opacity:1;color:rgb(173 73 225/var(--tw-text-opacity))}.babylai-text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.babylai-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.babylai-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.babylai-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.babylai-underline-offset-4{text-underline-offset:4px}.babylai-opacity-0{opacity:0}.babylai-opacity-100{opacity:1}.babylai-opacity-70{opacity:.7}.babylai-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)}.babylai-shadow,.babylai-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-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)}.babylai-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)}.babylai-shadow-md,.babylai-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.babylai-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.babylai-outline-none{outline:2px solid transparent;outline-offset:2px}.babylai-ring-1{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.babylai-ring-black-white-700{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.babylai-ring-opacity-5{--tw-ring-opacity:0.05}.babylai-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-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)}.babylai-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-duration-300{transition-duration:.3s}.babylai-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.babylai-duration-300{animation-duration:.3s}.babylai-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.babylai-me-2{margin-inline-end:.5rem}.babylai-me-3{margin-inline-end:.75rem}[dir=rtl] .babylai-start-0{right:0}[dir=ltr] .babylai-start-0{left:0}[dir=rtl] .babylai-text-start{text-align:right}[dir=ltr] .babylai-text-start{text-align:left}.babylai-help-center-container{bottom:12px;position:fixed;right:1%;z-index:9999}.babylai-help-center-errorContainer,.babylai-help-center-loadingContainer{background:#fff;border-radius:12px;bottom:90px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:16px;position:fixed;right:20px}.babylai-help-center-popup{background:#fff;border-radius:12px;bottom:80px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;width:360px;z-index:1000}.babylai-help-center-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.babylai-help-center-title{font-size:18px;font-weight:500;margin:0}.babylai-help-center-backButton{background:none;border:none;color:#666;cursor:pointer;padding:4px}.babylai-help-center-content{flex:1;overflow-y:auto;padding:16px}.babylai-help-center-optionsList{display:flex;flex-direction:column;gap:8px}.babylai-help-center-optionButton{background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;text-align:left}.babylai-help-center-optionButton:hover{background:#eee}.babylai-help-center-detailsContent{display:flex;flex-direction:column;gap:12px}.babylai-help-center-paragraph{line-height:1.5;margin:0}.babylai-help-center-chatButton{align-self:center;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s}.babylai-help-center-chatButton:hover{opacity:.9}.babylai-help-center-footer{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.babylai-help-center-endChatButton{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 15px}.babylai-help-center-endChatButton:hover{background-color:#c00}.babylai-help-center-footerText{color:#999;font-size:12px;margin:0}.babylai-help-center-chatContainer{display:flex;flex-direction:column;height:400px;overflow:hidden}.babylai-help-center-chatMessages{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.babylai-help-center-message{border-radius:12px;max-width:80%;padding:8px 12px;position:relative}.babylai-help-center-userMessage{align-self:flex-start;background-color:#7a8ce9;color:#fff;direction:rtl}.babylai-help-center-assistantMessage{align-self:flex-end;background-color:#f1f1f1;color:#000;direction:rtl}.babylai-help-center-seenIndicator{bottom:-4px;color:#666;font-size:10px;position:absolute;right:4px}.babylai-help-center-chatInput{background:#fff;border-top:1px solid #eee;display:flex;gap:8px;padding:16px;position:relative}.babylai-help-center-chatInput input{border:1px solid #ddd;border-radius:20px;flex:1;outline:none;padding:8px 12px}.babylai-help-center-chatInput input:focus{border-color:#7a8ce9}.babylai-help-center-sendButton{align-items:center;background:#7a8ce9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.babylai-help-center-sendButton:hover{background:#7a8ce9}.babylai-help-center-sendButton:disabled{background:#ccc;cursor:not-allowed}.babylai-help-center-typingIndicator{display:flex;gap:4px}.babylai-help-center-typingIndicator span{animation:bounce 1s infinite}.babylai-help-center-typingIndicator span:nth-child(2){animation-delay:.2s}.babylai-help-center-typingIndicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.babylai-help-center-errorContainer{color:#ff3b30}.babylai-help-center-dialogOverlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.babylai-help-center-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:400px;padding:20px;width:90%}.babylai-help-center-dialogHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.babylai-help-center-dialogHeader h4{font-size:18px;font-weight:500;margin:0}.babylai-help-center-dialogContent{margin-bottom:20px}.babylai-help-center-dialogContent p{color:#666;margin:0}.babylai-help-center-dialogActions{display:flex;gap:12px;justify-content:flex-end}.babylai-help-center-cancelButton,.babylai-help-center-confirmButton{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.babylai-help-center-cancelButton{background-color:#f5f5f5;color:#666}.babylai-help-center-confirmButton{background-color:#7a8ce9;color:#fff}.babylai-help-center-cancelButton:hover{background-color:#eee}.babylai-help-center-confirmButton:hover{opacity:.9}.babylai-help-center-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#d49cee;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.babylai-help-center-messageBox{background-color:#7a8ce9;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.15);color:#fff;margin-bottom:16px;max-width:200px;padding:12px 16px;position:relative}.babylai-help-center-messageBox:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #7a8ce9;bottom:-10px;content:"";height:0;position:absolute;right:20px;width:0}.babylai-help-center-text{font-size:12px;font-weight:700;margin:0}.babylai-help-center-closeButton{align-items:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:20px;justify-content:center;padding:3px;position:absolute;right:-8px;top:-8px;width:20px}.babylai-help-center-closeButton:hover{background-color:#6675c3;color:#fff}.babylai-help-center-arrow{animation:float 2s ease-in-out infinite;height:32px;width:32px}.babylai-help-center-arrowSvg{stroke:#7a8ce9;fill:none}.babylai-help-center-helpButton{align-items:center;background-color:#7a8ce9;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s,background-color .2s;width:56px;z-index:1000}.babylai-help-center-helpButton:hover{background-color:#6270ba;transform:scale(1.05)}.babylai-help-center-helpButton:active{transform:scale(.95)}.after\:babylai-absolute:after{content:var(--tw-content);position:absolute}.after\:babylai--bottom-\[10px\]:after{bottom:-10px;content:var(--tw-content)}.after\:babylai-right-5:after{content:var(--tw-content);right:1.25rem}.after\:babylai-h-0:after{content:var(--tw-content);height:0}.after\:babylai-w-0:after{content:var(--tw-content);width:0}.after\:babylai-border-l-\[10px\]:after{border-left-width:10px;content:var(--tw-content)}.after\:babylai-border-r-\[10px\]:after{border-right-width:10px;content:var(--tw-content)}.after\:babylai-border-t-\[10px\]:after{border-top-width:10px;content:var(--tw-content)}.after\:babylai-border-l-transparent:after{border-left-color:transparent;content:var(--tw-content)}.after\:babylai-border-r-transparent:after{border-right-color:transparent;content:var(--tw-content)}.after\:babylai-border-t-primary-500:after{--tw-border-opacity:1;border-top-color:rgb(173 73 225/var(--tw-border-opacity));content:var(--tw-content)}.after\:babylai-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:babylai-border-primary-600:hover{--tw-border-opacity:1;border-color:rgb(103 43 135/var(--tw-border-opacity))}.hover\:babylai-bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:babylai-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:babylai-bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:babylai-bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(246 236 252/var(--tw-bg-opacity))}.hover\:babylai-bg-primary-400:hover{--tw-bg-opacity:1;background-color:rgb(197 127 234/var(--tw-bg-opacity))}.hover\:babylai-bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(103 43 135/var(--tw-bg-opacity))}.hover\:babylai-bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:babylai-text-primary-600:hover{--tw-text-opacity:1;color:rgb(103 43 135/var(--tw-text-opacity))}.hover\:babylai-underline:hover{text-decoration-line:underline}.hover\:babylai-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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:babylai-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:babylai-ring-1: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(1px + 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)}.focus-visible\:babylai-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:babylai-pointer-events-none:disabled{pointer-events:none}.disabled\:babylai-opacity-50:disabled{opacity:.5}@media (prefers-color-scheme:dark){.dark\:\!babylai-bg-storm-dust-900{--tw-bg-opacity:1!important;background-color:rgb(61 61 61/var(--tw-bg-opacity))!important}.dark\:\!babylai-bg-storm-dust-950{--tw-bg-opacity:1!important;background-color:rgb(38 38 38/var(--tw-bg-opacity))!important}.dark\:babylai-bg-storm-dust-900{--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity))}.dark\:babylai-bg-storm-dust-950{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.dark\:babylai-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:babylai-inset-auto{inset:auto}.md\:babylai-bottom-\[6rem\]{bottom:6rem}.md\:babylai-right-4{right:1rem}.md\:babylai-m-6{margin:1.5rem}.md\:babylai-mb-4{margin-bottom:1rem}.md\:\!babylai-h-10{height:2.5rem!important}.md\:babylai-h-\[calc\(100vh-240px\)\]{height:calc(100vh - 240px)}.md\:\!babylai-w-10{width:2.5rem!important}.md\:babylai-max-w-sm{max-width:24rem}.md\:babylai-gap-8{gap:2rem}.md\:babylai-rounded-3xl{border-radius:1.5rem}.md\:\!babylai-p-2{padding:.5rem!important}.md\:babylai-px-4{padding-left:1rem;padding-right:1rem}.md\:babylai-py-28{padding-bottom:7rem;padding-top:7rem}.md\:babylai-py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:babylai-py-8{padding-bottom:2rem;padding-top:2rem}.md\:\!babylai-text-base{font-size:1rem!important;line-height:1.5rem!important}.md\:babylai-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:babylai-text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&_svg\]\:babylai-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:babylai-shrink-0 svg{flex-shrink:0}

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import { TokenResponse } from './lib/types';
 export type HelpCenterConfig = {
     baseUrl?: string;
-    hubUrl?: string;
     getToken?: () => Promise<TokenResponse>;
 };
 export declare function initializeHelpCenter(config: HelpCenterConfig): void;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import React__default, { createContext, useContext, forwardRef, createElement, useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import i18next from 'i18next';
 
 function _OverloadYield(e, d) {
@@ -455,6 +455,24 @@ class ConfigService {
 }
 var configService = ConfigService.getInstance();
 
+var LanguageContext = /*#__PURE__*/createContext(null);
+var LanguageProvider = _ref => {
+  var {
+    children,
+    language
+  } = _ref;
+  return jsx(LanguageContext.Provider, {
+    value: {
+      language
+    },
+    children: children
+  });
+};
+var useLanguage = () => {
+  var context = useContext(LanguageContext);
+  return context;
+};
+
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const CLASS_PART_SEPARATOR = '-';
@@ -3521,9 +3539,9 @@ var iconMap = {
   thumbsUp: IconThumbUp
 };
 var sizeMap = {
-  sm: 'w-4 h-4',
-  md: 'w-6 h-6',
-  lg: 'w-8 h-8'
+  sm: 'babylai-w-4 babylai-h-4',
+  md: 'babylai-w-6 babylai-h-6',
+  lg: 'babylai-w-8 babylai-h-8'
 };
 var Rating = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
@@ -3553,12 +3571,12 @@ var Rating = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   };
   return jsx("div", _objectSpread2(_objectSpread2({
     ref: ref,
-    className: cn('flex items-center', className)
+    className: cn('babylai-flex babylai-items-center', className)
   }, props), {}, {
     children: [...Array(max)].map((_, index) => {
       var filled = (hoverValue !== null ? hoverValue : value) > index;
       return jsx(Icon, {
-        className: cn(sizeMap[size], 'cursor-pointer transition-colors', filled ? 'text-yellow-400 fill-yellow-400' : 'text-gray-300', readOnly && 'cursor-default'),
+        className: cn(sizeMap[size], 'babylai-cursor-pointer babylai-transition-colors', filled ? 'babylai-text-yellow-400 babylai-fill-yellow-400' : 'babylai-text-gray-300', readOnly && 'babylai-cursor-default'),
         onMouseEnter: () => handleMouseEnter(index + 1),
         onMouseLeave: handleMouseLeave,
         onClick: () => handleClick(index + 1),
@@ -3664,8 +3682,10 @@ var createHelpCenterI18n = function createHelpCenterI18n() {
   return instance;
 };
 
-var useLocalTranslation = languageFromProps => {
-  var language = languageFromProps || localStorage.getItem("app-language") || defaultLanguage;
+var useLocalTranslation = () => {
+  // Get language from context, fallback to default if not available
+  var context = useLanguage();
+  var language = (context === null || context === void 0 ? void 0 : context.language) || defaultLanguage;
   var i18n = useMemo(() => createHelpCenterI18n(language), [language]);
   var t = key => i18n.t(key);
   var dir = i18n.dir();
@@ -3750,7 +3770,7 @@ var ReviewDialog = props => {
   return jsxs("section", {
     className: "babylai-p-6 babylai-gap-6 babylai-max-w-sm babylai-max-h-[calc(100vh-90px)] babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 dark:babylai-bg-storm-dust-950 babylai-fixed babylai-bottom-20 babylai-right-0 md:babylai-right-4 babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col",
     children: [jsxs("header", {
-      className: 'border-b pb-4 babylai-flex babylai-items-center babylai-justify-between babylai-gap-4',
+      className: 'babylai-border-b babylai-pb-4 babylai-flex babylai-items-center babylai-justify-between babylai-gap-4',
       children: [jsx("h2", {
         className: "babylai-text-lg babylai-font-semibold dark:babylai-text-white",
         children: t('homeSdk.ReviewDialog.title')
@@ -3761,7 +3781,7 @@ var ReviewDialog = props => {
     }), jsxs("div", {
       className: "babylai-flex babylai-flex-col babylai-gap-2",
       children: [jsx("p", {
-        className: "babylai-text-sm babylai-text-gray-600 mb-3 dark:babylai-text-white",
+        className: "babylai-text-sm babylai-text-gray-600 babylai-mb-3 dark:babylai-text-white",
         children: t('homeSdk.ReviewDialog.description')
       }), jsxs("div", {
         className: "babylai-flex babylai-items-center babylai-gap-2",
@@ -3772,7 +3792,7 @@ var ReviewDialog = props => {
           value: rating,
           onChange: handleRatingChange
         }), jsx("span", {
-          className: "babylai-text-sm babylai-text-red-500 transition-opacity duration-300 ".concat(error.rating ? 'opacity-100' : 'opacity-0'),
+          className: "babylai-text-sm babylai-text-red-500 babylai-transition-opacity babylai-duration-300 ".concat(error.rating ? 'babylai-opacity-100' : 'babylai-opacity-0'),
           children: error.rating
         })]
       }), jsxs("div", {
@@ -3789,18 +3809,18 @@ var ReviewDialog = props => {
           value: comment,
           onChange: e => handleCommentChange(e.target.value)
         }), jsx("span", {
-          className: "babylai-text-sm babylai-text-red-500 transition-opacity duration-300 ".concat(error.comment ? 'opacity-100' : 'opacity-0'),
+          className: "babylai-text-sm babylai-text-red-500 babylai-transition-opacity babylai-duration-300 ".concat(error.comment ? 'babylai-opacity-100' : 'babylai-opacity-0'),
           children: error.comment
         })]
       })]
     }), jsxs("footer", {
       className: "babylai-flex babylai-justify-between babylai-gap-4 babylai-border-t babylai-pt-4",
       children: [jsx("button", {
-        className: "babylai-px-4 babylai-py-2 babylai-rounded-lg babylai-bg-gray-200 babylai-text-gray-700 hover:babylai-bg-gray-300 transition-all",
+        className: "babylai-px-4 babylai-py-2 babylai-rounded-lg babylai-bg-gray-200 babylai-text-gray-700 hover:babylai-bg-gray-300 babylai-transition-all",
         onClick: props.onClose,
         children: t('homeSdk.ReviewDialog.skip_button')
       }), jsx("button", {
-        className: 'babylai-px-4 babylai-py-2 babylai-rounded-lg babylai-shadow transition-all babylai-bg-primary-500 babylai-text-white hover:babylai-bg-primary-600',
+        className: 'babylai-px-4 babylai-py-2 babylai-rounded-lg babylai-shadow babylai-transition-all babylai-bg-primary-500 babylai-text-white hover:babylai-bg-primary-600',
         onClick: validateAndSubmit,
         children: t('homeSdk.ReviewDialog.submit_button')
       })]
@@ -13738,7 +13758,7 @@ function FloatingMessage(_ref) {
         className: "babylai-text-xs babylai-font-bold babylai-m-0",
         children: message
       }), jsx("button", {
-        className: "babylai-absolute babylai--top-2 babylai--right-2 babylai-w-5 babylai-h-5 babylai-rounded-full babylai-bg-white babylai-border-none babylai-cursor-pointer babylai-flex babylai-items-center babylai-justify-center babylai-text-black babylai-p-[3px] babylai-hover:bg-primary-400 babylai-hover:text-white shadow-md",
+        className: "babylai-absolute babylai--top-2 babylai--right-2 babylai-w-5 babylai-h-5 babylai-rounded-full babylai-bg-white babylai-border-none babylai-cursor-pointer babylai-flex babylai-items-center babylai-justify-center babylai-text-black-white-700 babylai-p-[3px] hover:babylai-bg-primary-400 babylai-hover:text-white babylai-shadow-md",
         onClick: onClose,
         children: jsx(CloseIcon, {
           className: "babylai-w-8 babylai-h-8"
@@ -31668,11 +31688,11 @@ var buttonVariants = cva('babylai-inline-flex babylai-items-center babylai-justi
   variants: {
     variant: {
       default: 'babylai-bg-primary-500 babylai-p-2 babylai-text-white babylai-text-xs babylai-font-semibold hover:babylai-bg-primary-600',
-      destructive: 'babylai-bg-destructive babylai-p-2 babylai-text-destructive-foreground babylai-shadow-sm babylai-hover:babylai-bg-destructive/90',
+      destructive: 'babylai-bg-destructive babylai-p-2 babylai-text-destructive-foreground babylai-shadow-sm hover:babylai-bg-destructive/90',
       outline: 'babylai-border babylai-border-primary-500 babylai-bg-background-transparent hover:babylai-border-primary-600 hover:babylai-text-primary-600 babylai-text-primary-500 babylai-font-bold',
       secondary: 'babylai-bg-secondary babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm babylai-hover:babylai-bg-secondary/80',
-      ghost: 'babylai-bg-transparent babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm babylai-hover:babylai-bg-secondary/80',
-      link: 'babylai-text-primary babylai-underline-offset-4 babylai-hover:babylai-underline',
+      ghost: 'babylai-bg-transparent babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm hover:babylai-bg-secondary/80',
+      link: 'babylai-text-primary babylai-underline-offset-4 hover:babylai-underline',
       'rounded-icon': '!babylai-p-2'
     },
     size: {
@@ -31719,9 +31739,9 @@ var Card$2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$9);
   var variantStyles = {
-    default: 'rounded-xl border bg-card text-card-foreground shadow',
-    rounded: 'rounded-3xl bg-black-white-50 py-4 px-3',
-    shadowed: 'rounded-xl border bg-card text-card-foreground shadow-lg'
+    default: 'babylai-rounded-xl babylai-border babylai-bg-card babylai-text-card-foreground babylai-shadow',
+    rounded: 'babylai-rounded-3xl babylai-bg-black-white-50 babylai-py-4 babylai-px-3',
+    shadowed: 'babylai-rounded-xl babylai-border babylai-bg-card babylai-text-card-foreground babylai-shadow-lg'
   };
   return jsx("div", _objectSpread2({
     ref: ref,
@@ -31736,7 +31756,7 @@ var CardHeader = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     props = _objectWithoutProperties(_ref2, _excluded2);
   return jsx("div", _objectSpread2({
     ref: ref,
-    className: cn('flex flex-col space-y-1.5 p-6', className)
+    className: cn('babylai-flex babylai-flex-col babylai-space-y-1.5 babylai-p-6', className)
   }, props));
 });
 CardHeader.displayName = 'CardHeader';
@@ -31747,7 +31767,7 @@ var CardTitle = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
     props = _objectWithoutProperties(_ref3, _excluded3);
   return jsx("div", _objectSpread2({
     ref: ref,
-    className: cn('font-semibold leading-none tracking-tight', className)
+    className: cn('babylai-font-semibold babylai-leading-none babylai-tracking-tight', className)
   }, props));
 });
 CardTitle.displayName = 'CardTitle';
@@ -31758,7 +31778,7 @@ var CardDescription = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
     props = _objectWithoutProperties(_ref4, _excluded4);
   return jsx("div", _objectSpread2({
     ref: ref,
-    className: cn('text-sm text-muted-foreground', className)
+    className: cn('babylai-text-sm babylai-text-muted-foreground', className)
   }, props));
 });
 CardDescription.displayName = 'CardDescription';
@@ -31769,7 +31789,7 @@ var CardContent = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
     props = _objectWithoutProperties(_ref5, _excluded5);
   return jsx("div", _objectSpread2({
     ref: ref,
-    className: cn('p-6 pt-0', className)
+    className: cn('babylai-p-6 babylai-pt-0', className)
   }, props));
 });
 CardContent.displayName = 'CardContent';
@@ -31780,7 +31800,7 @@ var CardFooter = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
     props = _objectWithoutProperties(_ref6, _excluded6);
   return jsx("div", _objectSpread2({
     ref: ref,
-    className: cn('flex items-center p-6 pt-0', className)
+    className: cn('babylai-flex babylai-items-center babylai-p-6 babylai-pt-0', className)
   }, props));
 });
 CardFooter.displayName = 'CardFooter';
@@ -31830,7 +31850,7 @@ var ChatWindowFooter = props => {
       size: 'icon',
       onClick: props.handleSendMessage,
       disabled: props === null || props === void 0 ? void 0 : props.isLoading,
-      className: 'babylai-rounded-full babylai-bg-purple-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 babylai-disabled:babylai-opacity-50',
+      className: 'babylai-rounded-full babylai-bg-purple-500 babylai-hover:babylai-bg-purple-600 babylai-w-8 babylai-h-8 disabled:babylai-opacity-50',
       children: jsx(EnvelopeIcon, {
         className: "babylai-w-4 babylai-h-4 ".concat(dir === 'rtl' ? 'babylai-rotate-270' : '')
       })
@@ -31910,7 +31930,7 @@ var MessageComponent = /*#__PURE__*/React__default.memo(_ref => {
   } = _ref;
   var isFirstInSequence = index === 0 || messages[index - 1].senderType !== message.senderType;
   var isFirstHumanAgentMessage = index === firstHumanAgentIndex && message.senderType === 2;
-  var textDirection = message.senderType === 1 ? 'justify-end' : 'justify-start';
+  var textDirection = message.senderType === 1 ? 'babylai-justify-end' : 'babylai-justify-start';
   return jsxs("div", {
     children: [isFirstHumanAgentMessage && jsx("div", {
       className: 'babylai-flex babylai-justify-center babylai-items-center babylai-my-4',
@@ -32177,26 +32197,26 @@ var ChatWindowHeader = props => {
         className: "babylai-bg-primary-500/10 dark:babylai-bg-storm-dust-950",
         onClick: props.handleBack,
         children: [jsx(ArrowRight, {
-          className: "!babylai-w-[12px] babylai-h-[12px] ".concat(isRTL ? "" : "babylai-rotate-180", " babylai-text-primary-500 dark:babylai-text-white")
+          className: "!babylai-w-3 babylai-h-3 ".concat(isRTL ? "" : "babylai-rotate-180", " babylai-text-primary-500 dark:babylai-text-white")
         }), " "]
       }), jsxs("div", {
-        className: "babylai-relative babylai-mr-2",
+        className: "babylai-relative babylai-me-2",
         children: [jsx(Button, {
           variant: "rounded-icon",
           size: "icon",
           className: "babylai-bg-primary-500/10 dark:babylai-bg-storm-dust-950",
           onClick: () => setShowMenu(!showMenu),
           children: jsx(ThreeDots, {
-            className: "babylai-w-[14px] babylai-h-[4px] babylai-text-primary-500 dark:babylai-text-white"
+            className: "babylai-w-3.5 babylai-h-1 babylai-text-primary-500 dark:babylai-text-white"
           })
         }), showMenu && jsx("div", {
-          className: "babylai-absolute babylai-top-10 babylai-start-0 babylai-w-48 babylai-rounded-md babylai-shadow-lg babylai-bg-white dark:!babylai-bg-storm-dust-950 babylai-ring-1 babylai-ring-black babylai-ring-opacity-5 babylai-z-10",
+          className: "babylai-absolute babylai-top-10 babylai-start-0 babylai-w-48 babylai-rounded-md babylai-shadow-lg babylai-bg-white dark:!babylai-bg-storm-dust-950 babylai-ring-1 babylai-ring-black-white-700 babylai-ring-opacity-5 babylai-z-10",
           children: jsx("div", {
             className: "babylai-py-1",
             role: "menu",
             "aria-orientation": "vertical",
             children: jsx("button", {
-              className: "babylai-block babylai-px-4 babylai-py-2 babylai-text-sm babylai-text-gray-700 dark:babylai-text-white babylai-hover:babylai-bg-gray-100 babylai-w-full babylai-text-left",
+              className: "babylai-block babylai-px-4 babylai-py-2 babylai-text-sm babylai-text-gray-700 dark:babylai-text-white hover:babylai-bg-gray-100 babylai-w-full babylai-text-start",
               role: "menuitem",
               onClick: e => {
                 e.stopPropagation();
@@ -32208,11 +32228,8 @@ var ChatWindowHeader = props => {
           })
         })]
       })]
-    }), jsx("div", {
-      className: "babylai-flex babylai-items-center babylai-gap-2 babylai-absolute babylai-left-1/2 babylai-transform babylai--translate-x-1/2",
-      children: jsx(Logo, {
-        className: "babylai-w-[124px] babylai-h-auto dark:babylai-text-white"
-      })
+    }), jsx(Logo, {
+      className: "babylai-w-[124px] babylai-h-auto dark:babylai-text-white"
     })]
   });
 };
@@ -32237,7 +32254,7 @@ var ChatBotErrorScreen = props => {
   return jsx("div", {
     className: "babylai-w-full babylai-h-full babylai-bg-black-white-50 babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col",
     children: jsxs("div", {
-      className: "h-full  babylai-rounded-3xl babylai-flex babylai-flex-col babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60 babylai-py-6 md:babylai-py-8 babylai-px-6 gap-4 md:gap-8",
+      className: "babylai-h-full babylai-rounded-3xl babylai-flex babylai-flex-col babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60 babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8",
       children: [jsx(Header, {
         onClose: props.onClose
       }), jsx("div", {
@@ -32258,7 +32275,7 @@ var Card = props => {
   } = useLocalTranslation();
   var isLTR = dir === "ltr";
   return jsxs("div", {
-    className: "babylai-flex  babylai-items-center babylai-justify-between babylai-gap-4 babylai-bg-black-white-50 babylai-rounded-3xl babylai-p-6",
+    className: "babylai-flex babylai-items-center babylai-justify-between babylai-gap-4 babylai-bg-black-white-50 babylai-rounded-3xl babylai-p-6",
     children: [jsx("p", {
       className: "babylai-text-base md:babylai-text-lg babylai-font-medium babylai-text-black-white-800",
       children: props.text
@@ -32320,14 +32337,14 @@ var HomeScreen = props => {
     window.location.href = url.toString();
   };
   return jsxs("div", {
-    className: "babylai-h-full babylai-flex babylai-flex-col babylai-overflow-y-auto babylai-py-6 md:babylai-py-8 babylai-px-6 gap-4 md:gap-8",
+    className: "babylai-h-full babylai-flex babylai-flex-col babylai-overflow-y-auto babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8",
     children: [jsx(Header, {
       onClose: props.onClose
     }), jsxs("h1", {
       className: "babylai-text-2xl md:babylai-text-4xl babylai-font-bold babylai-text-white",
       children: [t('homeSdk.chatTitle'), jsx("br", {}), "BabylAI \uD83D\uDE80"]
     }), jsxs("div", {
-      className: "babylai-flex babylai-flex-col gap-3",
+      className: "babylai-flex babylai-flex-col babylai-gap-3",
       children: [jsx(ChatNowCard$1, {
         setIsShowList: props.setIsShowList
       }), jsx(Card$1, {
@@ -32346,7 +32363,7 @@ var ChatBotLoadingScreen = props => {
   return jsx("div", {
     className: "babylai-w-full babylai-h-full babylai-bg-black-white-50 dark:babylai-bg-storm-dust-950 babylai-rounded-3xl babylai-shadow-lg babylai-flex babylai-flex-col",
     children: jsxs("div", {
-      className: cn('babylai-rounded-3xl babylai-h-full babylai-flex babylai-flex-col babylai-py-6 md:babylai-py-8 babylai-px-6 gap-4 md:gap-8', {
+      className: cn('babylai-rounded-3xl babylai-h-full babylai-flex babylai-flex-col babylai-py-6 md:babylai-py-8 babylai-px-6 babylai-gap-4 md:babylai-gap-8', {
         'babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60': !props.isShowList,
         'babylai-bg-black-white-100 dark:babylai-bg-storm-dust-950': props.isShowList
       }),
@@ -32458,7 +32475,7 @@ var OptionsListHeader = _ref => {
   var isRTL = dir === "rtl";
   return jsxs("header", {
     dir: dir,
-    className: "babylai-flex babylai-w-full babylai-items-center mb-2 ".concat(!showHelpScreen ? "babylai-justify-end" : "babylai-justify-between"),
+    className: "babylai-flex babylai-w-full babylai-items-center babylai-mb-2 ".concat(!showHelpScreen ? "babylai-justify-end" : "babylai-justify-between"),
     children: [jsx(Button, {
       variant: "rounded-icon",
       size: "icon",
@@ -32470,7 +32487,7 @@ var OptionsListHeader = _ref => {
         className: "!babylai-w-full !babylai-h-full babylai-cursor-pointer"
       })
     }), jsx(ThinkingLogo, {
-      className: "babylai-w-40 babylai-h-40 babylai-text-primary-500 babylai-absolute babylai-top-0 babylai-end-1 babylai-overflow-hidden"
+      className: "babylai-w-40 babylai-h-40 babylai-text-primary-500 babylai-absolute babylai-top-0 babylai-right-1 babylai-overflow-hidden"
     })]
   });
 };
@@ -32489,7 +32506,7 @@ var OptionCard = props => {
       size: "icon",
       className: "babylai-text-primary-500 hover:babylai-bg-primary-100",
       children: jsx(ArrowRight, {
-        className: "babylai-w-[12px] babylai-h-[12px] ".concat(isLTR ? "" : "babylai-rotate-180", " babylai-text-primary-500")
+        className: "babylai-w-3 babylai-h-3 ".concat(isLTR ? "" : "babylai-rotate-180", " babylai-text-primary-500")
       })
     })]
   });
@@ -32514,18 +32531,18 @@ var OptionsListScreen = _ref => {
     }
   };
   return jsxs("div", {
-    className: 'babylai-px-8 babylai-pb-12 babylai-pt-8 babylai-overflow-y-auto  babylai-h-full',
+    className: 'babylai-px-8 babylai-pb-12 babylai-pt-8 babylai-overflow-y-auto babylai-h-full',
     children: [jsx(OptionsListHeader$1, {
       handleBack: handleBack,
       showHelpScreen: showHelpScreen
     }), jsx("h1", {
-      className: 'babylai-text-4xl babylai-font-bold mb-4 babylai-text-black-white-800 dark:babylai-text-white',
+      className: 'babylai-text-4xl babylai-font-bold babylai-mb-4 babylai-text-black-white-800 dark:babylai-text-white',
       children: helpScreen === null || helpScreen === void 0 ? void 0 : helpScreen.title
     }), helpScreen && jsx("div", {
       className: 'babylai-flex babylai-flex-col babylai-gap-3 babylai-mt-3 babylai-mb-3',
       children: (_a = helpScreen === null || helpScreen === void 0 ? void 0 : helpScreen.options) === null || _a === void 0 ? void 0 : _a.map(option => jsxs(Card$2, {
         variant: 'rounded',
-        className: 'babylai-cursor-pointer babylai-transition-all babylai-hover:babylai-shadow-md !babylai-px-2 !babylai-py-1 dark:!babylai-bg-storm-dust-900',
+        className: 'babylai-cursor-pointer babylai-transition-all hover:babylai-shadow-md !babylai-px-2 !babylai-py-1 dark:!babylai-bg-storm-dust-900',
         onClick: () => handleToggleExpandOption(option),
         children: [jsx(OptionCard$1, {
           title: option.title
@@ -32793,7 +32810,7 @@ function HelpPopup(_ref) {
   // Early returns for performance - moved after all hooks
   if (status === 'loading' && !helpScreen) {
     return jsx("div", {
-      className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-min-w-sm md:babylai-h-[calc(100vh-240px) babylai-max-h-[800px]]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
+      className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-h-[calc(100vh-240px)] babylai-max-h-[800px]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
       children: jsx(ChatBotLoadingScreen$1, {
         isShowList: isShowList,
         onClose: onClose
@@ -32802,7 +32819,7 @@ function HelpPopup(_ref) {
   }
   if (error) {
     return jsx("div", {
-      className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-min-w-sm md:babylai-h-[calc(100vh-240px) babylai-max-h-[800px]]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
+      className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-h-[calc(100vh-240px)] babylai-max-h-[800px]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
       children: jsx(ChatBotErrorScreen$1, {
         onClose: onClose,
         error: error || ''
@@ -32810,7 +32827,7 @@ function HelpPopup(_ref) {
     });
   }
   return jsx("div", {
-    className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-min-w-sm md:babylai-h-[calc(100vh-240px)] babylai-max-h-[800px]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
+    className: 'babylai-fixed babylai-inset-0 md:babylai-inset-auto md:babylai-max-w-sm md:babylai-h-[calc(100vh-240px)] babylai-max-h-[800px]\n     babylai-overflow-auto babylai-w-full babylai-bg-black-white-50 md:babylai-mb-4\nmd:babylai-bottom-[6rem] md:babylai-right-4 babylai-rounded-none md:babylai-rounded-3xl babylai-shadow-lg babylai-z-50 babylai-flex babylai-flex-col',
     children: jsxs("div", {
       className: cn('babylai-h-full babylai-rounded-none md:babylai-rounded-3xl babylai-flex babylai-flex-col babylai-relative', {
         'babylai-bg-gradient-to-b babylai-from-primary-500 babylai-to-primary-500/60': !isShowList,
@@ -32826,18 +32843,17 @@ function HelpPopup(_ref) {
   });
 }
 
-function HelpCenter(_ref) {
+function HelpCenterContent(_ref) {
   var {
     helpScreenId,
     user,
     showArrow = true,
-    language = defaultLanguage,
     messageLabel = null,
     showHelpScreen = false
   } = _ref;
   var {
     t
-  } = useLocalTranslation(language);
+  } = useLocalTranslation();
   var [isOpen, setIsOpen] = useState(false);
   var [showArrowAnimation, setShowArrowAnimation] = useState(showArrow);
   var [helpScreenData, setHelpScreenData] = useState(null);
@@ -33087,6 +33103,27 @@ function HelpCenter(_ref) {
     })]
   });
 }
+// Main HelpCenter component that provides the language context
+function HelpCenter(_ref8) {
+  var {
+    helpScreenId,
+    user,
+    showArrow = true,
+    language = defaultLanguage,
+    messageLabel = null,
+    showHelpScreen = false
+  } = _ref8;
+  return jsx(LanguageProvider, {
+    language: language,
+    children: jsx(HelpCenterContent, {
+      helpScreenId: helpScreenId,
+      user: user,
+      showArrow: showArrow,
+      messageLabel: messageLabel,
+      showHelpScreen: showHelpScreen
+    })
+  });
+}
 
 function bind(fn, thisArg) {
   return function wrap() {