@aslaluroba/help-center 4.0.7 → 4.0.9

package/fesm2022/aslaluroba-help-center.mjs

@@ -360,11 +360,11 @@ class ArrowAnimationComponent {
         this.closeArrowAnimation.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ArrowAnimationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ArrowAnimationComponent, isStandalone: true, selector: "app-arrow-animation", inputs: { showArrowAnimation: { classPropertyName: "showArrowAnimation", publicName: "showArrowAnimation", isSignal: true, isRequired: false, transformFunction: null }, isPopupOpen: { classPropertyName: "isPopupOpen", publicName: "isPopupOpen", isSignal: true, isRequired: false, transformFunction: null }, messageLabel: { classPropertyName: "messageLabel", publicName: "messageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeArrowAnimation: "closeArrowAnimation" }, ngImport: i0, template: "@if (showArrowAnimation() && !isPopupOpen()) {\n<div class=\"babylai:fixed babylai:bottom-20 babylai:right-6 babylai:z-9997 animate-float\">\n  <div class=\"babylai:relative babylai:bg-primary babylai:rounded-full babylai:mb-4 babylai:shadow-lg babylai:px-4 babylai:py-3 babylai:max-w-xs\">\n    <p class=\"babylai:text-sm babylai:mb-0 babylai:text-white\">\n      {{ messageLabel() || \"Need assistance Or You want to try the Product? Click here\" }}\n    </p>\n    <button \n      class=\"babylai:absolute babylai:-top-2 babylai:right-0 babylai:w-5 babylai:h-5 babylai:cursor-pointer babylai:p-1.5 babylai:flex babylai:items-center babylai:justify-center babylai:rounded-full babylai:hover:bg-secondary babylai:text-card-foreground babylai:transition-colors babylai:bg-card babylai:shadow-lg babylai:border babylai:border-black-white-200\" \n      (click)=\"handleCloseArrowAnimation()\"\n      type=\"button\"\n      [attr.aria-label]=\"'Close'\"\n    >\n      <svg class=\"babylai:w-3 babylai:h-3\" viewBox=\"0 0 12 12\">\n        <path\n          d=\"M1 1L11 11M1 11L11 1\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    </button>\n    <div class=\"babylai:absolute babylai:bottom-[-8px] babylai:right-6 babylai:w-0 babylai:h-0 babylai:border-l-8 babylai:border-r-8 babylai:border-t-8 babylai:border-l-transparent babylai:border-r-transparent babylai:border-t-primary\"></div>\n  </div>\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ArrowAnimationComponent, isStandalone: true, selector: "app-arrow-animation", inputs: { showArrowAnimation: { classPropertyName: "showArrowAnimation", publicName: "showArrowAnimation", isSignal: true, isRequired: false, transformFunction: null }, isPopupOpen: { classPropertyName: "isPopupOpen", publicName: "isPopupOpen", isSignal: true, isRequired: false, transformFunction: null }, messageLabel: { classPropertyName: "messageLabel", publicName: "messageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeArrowAnimation: "closeArrowAnimation" }, ngImport: i0, template: "@if (showArrowAnimation() && !isPopupOpen()) {\n<div class=\"babylai:fixed babylai:bottom-20 babylai:right-6 babylai:z-9997 animate-float\">\n  <div class=\"babylai:relative babylai:bg-primary babylai:rounded-full babylai:mb-4 babylai:shadow-lg babylai:px-4 babylai:py-3 babylai:max-w-xs\">\n    <p class=\"babylai:text-xs babylai:mb-0 babylai:text-white babylai:max-w-40\">\n      {{ messageLabel() || \"Need assistance Or You want to try the Product? Click here\" }}\n    </p>\n    <button \n      class=\"babylai:absolute babylai:-top-2 babylai:right-0 babylai:w-5 babylai:h-5 babylai:cursor-pointer babylai:p-1.5 babylai:flex babylai:items-center babylai:justify-center babylai:rounded-full babylai:hover:bg-secondary babylai:text-card-foreground babylai:transition-colors babylai:bg-card babylai:shadow-lg babylai:border babylai:border-black-white-200\" \n      (click)=\"handleCloseArrowAnimation()\"\n      type=\"button\"\n      [attr.aria-label]=\"'Close'\"\n    >\n      <svg class=\"babylai:w-3 babylai:h-3\" viewBox=\"0 0 12 12\">\n        <path\n          d=\"M1 1L11 11M1 11L11 1\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    </button>\n    <div class=\"babylai:absolute babylai:bottom-[-8px] babylai:right-6 babylai:w-0 babylai:h-0 babylai:border-l-8 babylai:border-r-8 babylai:border-t-8 babylai:border-l-transparent babylai:border-r-transparent babylai:border-t-primary\"></div>\n  </div>\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ArrowAnimationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-arrow-animation', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showArrowAnimation() && !isPopupOpen()) {\n<div class=\"babylai:fixed babylai:bottom-20 babylai:right-6 babylai:z-9997 animate-float\">\n  <div class=\"babylai:relative babylai:bg-primary babylai:rounded-full babylai:mb-4 babylai:shadow-lg babylai:px-4 babylai:py-3 babylai:max-w-xs\">\n    <p class=\"babylai:text-sm babylai:mb-0 babylai:text-white\">\n      {{ messageLabel() || \"Need assistance Or You want to try the Product? Click here\" }}\n    </p>\n    <button \n      class=\"babylai:absolute babylai:-top-2 babylai:right-0 babylai:w-5 babylai:h-5 babylai:cursor-pointer babylai:p-1.5 babylai:flex babylai:items-center babylai:justify-center babylai:rounded-full babylai:hover:bg-secondary babylai:text-card-foreground babylai:transition-colors babylai:bg-card babylai:shadow-lg babylai:border babylai:border-black-white-200\" \n      (click)=\"handleCloseArrowAnimation()\"\n      type=\"button\"\n      [attr.aria-label]=\"'Close'\"\n    >\n      <svg class=\"babylai:w-3 babylai:h-3\" viewBox=\"0 0 12 12\">\n        <path\n          d=\"M1 1L11 11M1 11L11 1\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    </button>\n    <div class=\"babylai:absolute babylai:bottom-[-8px] babylai:right-6 babylai:w-0 babylai:h-0 babylai:border-l-8 babylai:border-r-8 babylai:border-t-8 babylai:border-l-transparent babylai:border-r-transparent babylai:border-t-primary\"></div>\n  </div>\n</div>\n}\n" }]
+            args: [{ selector: 'app-arrow-animation', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showArrowAnimation() && !isPopupOpen()) {\n<div class=\"babylai:fixed babylai:bottom-20 babylai:right-6 babylai:z-9997 animate-float\">\n  <div class=\"babylai:relative babylai:bg-primary babylai:rounded-full babylai:mb-4 babylai:shadow-lg babylai:px-4 babylai:py-3 babylai:max-w-xs\">\n    <p class=\"babylai:text-xs babylai:mb-0 babylai:text-white babylai:max-w-40\">\n      {{ messageLabel() || \"Need assistance Or You want to try the Product? Click here\" }}\n    </p>\n    <button \n      class=\"babylai:absolute babylai:-top-2 babylai:right-0 babylai:w-5 babylai:h-5 babylai:cursor-pointer babylai:p-1.5 babylai:flex babylai:items-center babylai:justify-center babylai:rounded-full babylai:hover:bg-secondary babylai:text-card-foreground babylai:transition-colors babylai:bg-card babylai:shadow-lg babylai:border babylai:border-black-white-200\" \n      (click)=\"handleCloseArrowAnimation()\"\n      type=\"button\"\n      [attr.aria-label]=\"'Close'\"\n    >\n      <svg class=\"babylai:w-3 babylai:h-3\" viewBox=\"0 0 12 12\">\n        <path\n          d=\"M1 1L11 11M1 11L11 1\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    </button>\n    <div class=\"babylai:absolute babylai:bottom-[-8px] babylai:right-6 babylai:w-0 babylai:h-0 babylai:border-l-8 babylai:border-r-8 babylai:border-t-8 babylai:border-l-transparent babylai:border-r-transparent babylai:border-t-primary\"></div>\n  </div>\n</div>\n}\n" }]
         }], propDecorators: { showArrowAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrowAnimation", required: false }] }], isPopupOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPopupOpen", required: false }] }], messageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageLabel", required: false }] }], closeArrowAnimation: [{ type: i0.Output, args: ["closeArrowAnimation"] }] } });
 
 class HelpButtonComponent {
@@ -939,11 +939,11 @@ class CompanyCardComponent {
         return !!url && url.trim().length > 0;
     }, ...(ngDevMode ? [{ debugName: "hasIconUrl" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CompanyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: CompanyCardComponent, isStandalone: true, selector: "app-company-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylai:flex babylai:items-center babylai:gap-3 babylai:p-6 babylai:mb-6 babylai:rounded-3xl babylai:border babylai:border-black-white-200 babylai:bg-card\">\n  <!-- Left Icon -->\n  @if (hasIconUrl()) {\n  <div class=\"babylai:shrink-0 babylai:w-12 babylai:h-12 babylai:rounded-md babylai:overflow-hidden\">\n    <img\n      [src]=\"iconUrl()!\"\n      [alt]=\"title() + ' logo'\"\n      class=\"babylai:w-full babylai:h-full babylai:object-contain\"\n    />\n  </div>\n  }\n\n  <!-- Center Content -->\n  <div class=\"babylai:flex-1 babylai:min-w-0\">\n    <h3 class=\"babylai:text-lg babylai:font-semibold babylai:mb-1 babylai:text-card-foreground\" dir=\"auto\">{{ title() }}</h3>\n    <p class=\"babylai:text-sm babylai:text-muted-foreground\" dir=\"auto\">{{ description() }}</p>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: CompanyCardComponent, isStandalone: true, selector: "app-company-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylai:flex babylai:items-center babylai:gap-3 babylai:p-6 babylai:mb-6 babylai:rounded-3xl babylai:border babylai:border-black-white-200 babylai:bg-card\">\n  <!-- Left Icon -->\n  @if (hasIconUrl()) {\n  <div class=\"babylai:shrink-0 babylai:w-12 babylai:h-12 babylai:rounded-md babylai:overflow-hidden\">\n    <img\n      [src]=\"iconUrl()!\"\n      [alt]=\"title() + ' logo'\"\n      class=\"babylai:w-full babylai:h-full babylai:object-contain\"\n    />\n  </div>\n  }\n\n  <!-- Center Content -->\n  <div class=\"babylai:flex-1 babylai:min-w-0 babylai:text-start\">\n    <h3 class=\"babylai:text-lg babylai:font-semibold babylai:mb-1 babylai:text-card-foreground\" dir=\"auto\">{{ title() }}</h3>\n    <p class=\"babylai:text-sm babylai:text-muted-foreground\" dir=\"auto\">{{ description() }}</p>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CompanyCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-company-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"babylai:flex babylai:items-center babylai:gap-3 babylai:p-6 babylai:mb-6 babylai:rounded-3xl babylai:border babylai:border-black-white-200 babylai:bg-card\">\n  <!-- Left Icon -->\n  @if (hasIconUrl()) {\n  <div class=\"babylai:shrink-0 babylai:w-12 babylai:h-12 babylai:rounded-md babylai:overflow-hidden\">\n    <img\n      [src]=\"iconUrl()!\"\n      [alt]=\"title() + ' logo'\"\n      class=\"babylai:w-full babylai:h-full babylai:object-contain\"\n    />\n  </div>\n  }\n\n  <!-- Center Content -->\n  <div class=\"babylai:flex-1 babylai:min-w-0\">\n    <h3 class=\"babylai:text-lg babylai:font-semibold babylai:mb-1 babylai:text-card-foreground\" dir=\"auto\">{{ title() }}</h3>\n    <p class=\"babylai:text-sm babylai:text-muted-foreground\" dir=\"auto\">{{ description() }}</p>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'app-company-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"babylai:flex babylai:items-center babylai:gap-3 babylai:p-6 babylai:mb-6 babylai:rounded-3xl babylai:border babylai:border-black-white-200 babylai:bg-card\">\n  <!-- Left Icon -->\n  @if (hasIconUrl()) {\n  <div class=\"babylai:shrink-0 babylai:w-12 babylai:h-12 babylai:rounded-md babylai:overflow-hidden\">\n    <img\n      [src]=\"iconUrl()!\"\n      [alt]=\"title() + ' logo'\"\n      class=\"babylai:w-full babylai:h-full babylai:object-contain\"\n    />\n  </div>\n  }\n\n  <!-- Center Content -->\n  <div class=\"babylai:flex-1 babylai:min-w-0 babylai:text-start\">\n    <h3 class=\"babylai:text-lg babylai:font-semibold babylai:mb-1 babylai:text-card-foreground\" dir=\"auto\">{{ title() }}</h3>\n    <p class=\"babylai:text-sm babylai:text-muted-foreground\" dir=\"auto\">{{ description() }}</p>\n  </div>\n</div>\n" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], iconUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconUrl", required: false }] }] } });
 
 class CardComponent {
@@ -1037,7 +1037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 class CardContentComponent {
     class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
     hostClasses = computed(() => {
-        const classes = ['babylai:p-0', 'babylai:pt-0', 'babylai:w-full', 'babylai:box-border'];
+        const classes = ['babylai:p-0', 'babylai:pt-0', 'babylai:w-full', 'babylai:box-border', 'babylai:text-start'];
         const classValue = this.class();
         if (classValue) {
             classes.push(classValue);
@@ -3607,7 +3607,7 @@ class HelpCenterWidgetComponent {
         this.hasUserSentMessages.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: HelpCenterWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: HelpCenterWidgetComponent, isStandalone: true, selector: "app-help-center-widget", inputs: { getToken: { classPropertyName: "getToken", publicName: "getToken", isSignal: true, isRequired: true, transformFunction: null }, helpScreenId: { classPropertyName: "helpScreenId", publicName: "helpScreenId", isSignal: true, isRequired: true, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, messageLabel: { classPropertyName: "messageLabel", publicName: "messageLabel", isSignal: true, isRequired: false, transformFunction: null }, currentLang: { classPropertyName: "currentLang", publicName: "currentLang", isSignal: true, isRequired: false, transformFunction: null }, primaryColor: { classPropertyName: "primaryColor", publicName: "primaryColor", isSignal: true, isRequired: false, transformFunction: null }, logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chatMessagesContainer", first: true, predicate: ["chatMessagesContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"babylai:flex babylai:flex-col babylai:items-end babylai:h-auto babylai:w-auto babylai:fixed babylai:bottom-6 babylai:right-6 babylai:z-9998\"\n  [dir]=\"getDirection()\"\n>\n  <!-- TEST: Version mismatch fixed - Arrow Animation - SUCCESS! -->\n  <app-arrow-animation\n    [showArrowAnimation]=\"showArrowAnimation()\"\n    [isPopupOpen]=\"isPopupOpen()\"\n    [messageLabel]=\"messageLabel()\"\n    (closeArrowAnimation)=\"handleCloseArrowAnimation()\"\n  ></app-arrow-animation>\n\n  <!-- Help Button -->\n  <app-help-button\n    [isPopupOpen]=\"isPopupOpen()\"\n    (togglePopup)=\"handleTogglePopup()\"\n  ></app-help-button>\n\n  <!-- Help Popup -->\n  <app-help-popup\n    [isPopupOpen]=\"isPopupOpen()\"\n    [showHelpScreenData]=\"showHelpScreenData()\"\n    [showChat]=\"showChat()\"\n    [status]=\"status()\"\n    [error]=\"error()\"\n    [helpScreenData]=\"helpScreenData()\"\n    [messages]=\"messages()\"\n    [needsAgent]=\"needsAgent()\"\n    [assistantStatus]=\"assistantStatus()\"\n    [isAblyConnected]=\"isAblyConnected()\"\n    [isChatClosed]=\"isChatClosed()\"\n    [currentLang]=\"currentLang()\"\n    [chatIsLoading]=\"chatIsLoading()\"\n    [sessionId]=\"sessionId()\"\n    [selectedOption]=\"selectedOption()\"\n    [selectedNestedOption]=\"selectedNestedOption()\"\n    [showEndChatConfirmation]=\"showEndChatConfirmation()\"\n    [showStartNewChatConfirmation]=\"showStartNewChatConfirmation()\"\n    [showReviewDialog]=\"showReviewDialog()\"\n    [isSubmittingReview]=\"isSubmittingReview()\"\n    [isStartingNewChat]=\"isStartingNewChat()\"\n    (closePopup)=\"handleClosePopup()\"\n    (minimizePopup)=\"handleMinimizePopup()\"\n    (back)=\"handleBack()\"\n    (showChatEvent)=\"handleShowChat()\"\n    (endChat)=\"handleEndChat()\"\n    (confirmEndChat)=\"confirmEndChat()\"\n    (cancelEndChat)=\"cancelEndChat()\"\n    (closeEndChat)=\"closeEndChat()\"\n    (confirmStartNewChat)=\"confirmStartNewChat()\"\n    (cancelStartNewChat)=\"cancelStartNewChat()\"\n    (closeStartNewChat)=\"closeStartNewChat()\"\n    (reviewSubmit)=\"handleReviewSubmit($event)\"\n    (reviewSkip)=\"handleReviewSkip()\"\n    (reviewClose)=\"handleReviewClose()\"\n    (reviewSubmitFromChat)=\"handleReviewSubmitFromChat($event)\"\n    (reviewSkipFromChat)=\"handleReviewSkipFromChat()\"\n    (sendMessageEvent)=\"sendMessage($event)\"\n    (startNewChat)=\"handleStartNewChat($event)\"\n    (showHelpScreenDataEvent)=\"handleShowHelpScreenData()\"\n    (navigateToUrl)=\"navigateToUrl($event)\"\n  />\n</div>\n", styles: [":root{--babylai-font-sans: \"Cairo\", sans-serif;--black-white-50: #ffffff;--black-white-100: #f3f3f3;--black-white-200: #e2e2e2;--black-white-300: #919191;--black-white-400: #606060;--black-white-500: #333333;--black-white-600: #1f1f1f;--black-white-700: #171717;--black-white-800: #0a0a0a;--black-white-900: #050505;--black-white-950: #000000;--black-white-default: #333333;--storm-dust: #3d3d3d;--storm-dust-950: #262626;--primary-color: #ad49e1;--primary-color-100: #f6ecfc;--primary-color-200: #deb6f3;--primary-color-300: #d49cee;--primary-color-400: #c57fea;--primary-color-500: #ad49e1;--primary-color-600: #672b87;--primary-color-700: #451d5a;--primary-color-800: #220e2d;--primary-color-900: #110716;--primary-color-950: #0a0310;--background: #ffffff;--foreground: #333333;--card: #ffffff;--card-foreground: #333333;--popover: #ffffff;--popover-foreground: #333333;--secondary: #f3f3f3;--secondary-foreground: #333333;--muted: #f3f3f3;--muted-foreground: #606060;--accent: #f3f3f3;--accent-foreground: #333333;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e2e2;--input: #e2e2e2;--ring: var(--primary-color);--radius: .5rem}@media(prefers-color-scheme:dark){:root{--black-white-50: #000000;--black-white-100: #050505;--black-white-200: #0a0a0a;--black-white-300: #171717;--black-white-400: #1f1f1f;--black-white-500: #333333;--black-white-600: #606060;--black-white-700: #919191;--black-white-800: #e2e2e2;--black-white-900: #f3f3f3;--black-white-950: #ffffff;--black-white-default: #e2e2e2;--storm-dust: #262626;--storm-dust-950: #3d3d3d;--background: #121212;--foreground: #ffffff;--card: #262626;--card-foreground: #ffffff;--popover: #1e1e1e;--popover-foreground: #ffffff;--secondary: #3d3d3d;--secondary-foreground: #ffffff;--muted: #2a2a2a;--muted-foreground: #b3b3b3;--accent: #2a2a2a;--accent-foreground: #ffffff;--destructive: #ff6b6b;--destructive-foreground: #ffffff;--border: #404040;--input: var(--card);--ring: var(--primary-color)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s infinite ease-in-out}.bg-header{background:linear-gradient(171deg,var(--primary-color) -131.06%,var(--black-white-50) 89.82%)}@supports (color: color-mix(in lab,red,red)){.bg-header{background:linear-gradient(171deg,color-mix(in srgb,var(--primary-color) 25%,transparent) -131.06%,color-mix(in srgb,var(--black-white-50) 25%,transparent) 89.82%)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ArrowAnimationComponent, selector: "app-arrow-animation", inputs: ["showArrowAnimation", "isPopupOpen", "messageLabel"], outputs: ["closeArrowAnimation"] }, { kind: "component", type: HelpButtonComponent, selector: "app-help-button", inputs: ["isPopupOpen"], outputs: ["togglePopup"] }, { kind: "component", type: HelpPopupComponent, selector: "app-help-popup", inputs: ["isPopupOpen", "showHelpScreenData", "showChat", "status", "error", "helpScreenData", "messages", "needsAgent", "assistantStatus", "isAblyConnected", "isChatClosed", "currentLang", "chatIsLoading", "sessionId", "selectedOption", "selectedNestedOption", "showEndChatConfirmation", "showStartNewChatConfirmation", "showReviewDialog", "isSubmittingReview", "isStartingNewChat"], outputs: ["closePopup", "minimizePopup", "back", "showChatEvent", "endChat", "confirmEndChat", "cancelEndChat", "closeEndChat", "confirmStartNewChat", "cancelStartNewChat", "closeStartNewChat", "reviewSubmit", "reviewSkip", "reviewClose", "reviewSubmitFromChat", "reviewSkipFromChat", "startNewChat", "navigateToUrl", "sendMessageEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: HelpCenterWidgetComponent, isStandalone: true, selector: "app-help-center-widget", inputs: { getToken: { classPropertyName: "getToken", publicName: "getToken", isSignal: true, isRequired: true, transformFunction: null }, helpScreenId: { classPropertyName: "helpScreenId", publicName: "helpScreenId", isSignal: true, isRequired: true, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, messageLabel: { classPropertyName: "messageLabel", publicName: "messageLabel", isSignal: true, isRequired: false, transformFunction: null }, currentLang: { classPropertyName: "currentLang", publicName: "currentLang", isSignal: true, isRequired: false, transformFunction: null }, primaryColor: { classPropertyName: "primaryColor", publicName: "primaryColor", isSignal: true, isRequired: false, transformFunction: null }, logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chatMessagesContainer", first: true, predicate: ["chatMessagesContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"babylai:flex babylai:flex-col babylai:items-end babylai:h-auto babylai:w-auto babylai:fixed babylai:bottom-6 babylai:right-6 babylai:z-9998\"\n  [dir]=\"getDirection()\"\n>\n  <!-- TEST: Version mismatch fixed - Arrow Animation - SUCCESS! -->\n  <app-arrow-animation\n    [showArrowAnimation]=\"showArrowAnimation()\"\n    [isPopupOpen]=\"isPopupOpen()\"\n    [messageLabel]=\"messageLabel()\"\n    (closeArrowAnimation)=\"handleCloseArrowAnimation()\"\n  ></app-arrow-animation>\n\n  <!-- Help Button -->\n  <app-help-button\n    [isPopupOpen]=\"isPopupOpen()\"\n    (togglePopup)=\"handleTogglePopup()\"\n  ></app-help-button>\n\n  <!-- Help Popup -->\n  <app-help-popup\n    [isPopupOpen]=\"isPopupOpen()\"\n    [showHelpScreenData]=\"showHelpScreenData()\"\n    [showChat]=\"showChat()\"\n    [status]=\"status()\"\n    [error]=\"error()\"\n    [helpScreenData]=\"helpScreenData()\"\n    [messages]=\"messages()\"\n    [needsAgent]=\"needsAgent()\"\n    [assistantStatus]=\"assistantStatus()\"\n    [isAblyConnected]=\"isAblyConnected()\"\n    [isChatClosed]=\"isChatClosed()\"\n    [currentLang]=\"currentLang()\"\n    [chatIsLoading]=\"chatIsLoading()\"\n    [sessionId]=\"sessionId()\"\n    [selectedOption]=\"selectedOption()\"\n    [selectedNestedOption]=\"selectedNestedOption()\"\n    [showEndChatConfirmation]=\"showEndChatConfirmation()\"\n    [showStartNewChatConfirmation]=\"showStartNewChatConfirmation()\"\n    [showReviewDialog]=\"showReviewDialog()\"\n    [isSubmittingReview]=\"isSubmittingReview()\"\n    [isStartingNewChat]=\"isStartingNewChat()\"\n    (closePopup)=\"handleClosePopup()\"\n    (minimizePopup)=\"handleMinimizePopup()\"\n    (back)=\"handleBack()\"\n    (showChatEvent)=\"handleShowChat()\"\n    (endChat)=\"handleEndChat()\"\n    (confirmEndChat)=\"confirmEndChat()\"\n    (cancelEndChat)=\"cancelEndChat()\"\n    (closeEndChat)=\"closeEndChat()\"\n    (confirmStartNewChat)=\"confirmStartNewChat()\"\n    (cancelStartNewChat)=\"cancelStartNewChat()\"\n    (closeStartNewChat)=\"closeStartNewChat()\"\n    (reviewSubmit)=\"handleReviewSubmit($event)\"\n    (reviewSkip)=\"handleReviewSkip()\"\n    (reviewClose)=\"handleReviewClose()\"\n    (reviewSubmitFromChat)=\"handleReviewSubmitFromChat($event)\"\n    (reviewSkipFromChat)=\"handleReviewSkipFromChat()\"\n    (sendMessageEvent)=\"sendMessage($event)\"\n    (startNewChat)=\"handleStartNewChat($event)\"\n    (showHelpScreenDataEvent)=\"handleShowHelpScreenData()\"\n    (navigateToUrl)=\"navigateToUrl($event)\"\n  />\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap\";@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--babylai-font-sans: \"Cairo\", sans-serif;--babylai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--babylai-color-black: #000;--babylai-color-white: #fff;--babylai-spacing: .25rem;--babylai-container-xs: 20rem;--babylai-text-xs: .75rem;--babylai-text-xs--line-height: calc(1 / .75);--babylai-text-sm: .875rem;--babylai-text-sm--line-height: calc(1.25 / .875);--babylai-text-base: 1rem;--babylai-text-base--line-height: 1.5 ;--babylai-text-lg: 1.125rem;--babylai-text-lg--line-height: calc(1.75 / 1.125);--babylai-text-xl: 1.25rem;--babylai-text-xl--line-height: calc(1.75 / 1.25);--babylai-text-2xl: 1.5rem;--babylai-text-2xl--line-height: calc(2 / 1.5);--babylai-font-weight-normal: 400;--babylai-font-weight-medium: 500;--babylai-font-weight-semibold: 600;--babylai-font-weight-bold: 700;--babylai-tracking-tight: -.025em;--babylai-radius-md: .375rem;--babylai-radius-lg: .5rem;--babylai-radius-xl: .75rem;--babylai-radius-2xl: 1rem;--babylai-radius-3xl: 1.5rem;--babylai-ease-out: cubic-bezier(0, 0, .2, 1);--babylai-default-transition-duration: .15s;--babylai-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--babylai-default-font-family: var(--babylai-font-sans);--babylai-default-mono-font-family: var(--babylai-font-mono);--babylai-color-primary: var(--primary-color);--babylai-color-foreground: var(--foreground);--babylai-color-card: var(--card);--babylai-color-card-foreground: var(--card-foreground);--babylai-color-secondary: var(--secondary);--babylai-color-muted: var(--muted);--babylai-color-muted-foreground: var(--muted-foreground);--babylai-color-destructive: var(--destructive);--babylai-color-border: var(--border);--babylai-color-ring: var(--ring);--babylai-color-black-white-50: var(--black-white-50);--babylai-color-black-white-100: var(--black-white-100);--babylai-color-black-white-200: var(--black-white-200);--babylai-color-black-white-300: var(--black-white-300);--babylai-color-black-white-600: var(--black-white-600);--babylai-animate-wave: wave 1.3s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--babylai-default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--babylai-default-font-feature-settings, normal);font-variation-settings:var(--babylai-default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--babylai-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--babylai-default-mono-font-feature-settings, normal);font-variation-settings:var(--babylai-default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.babylai\\:pointer-events-auto{pointer-events:auto}.babylai\\:pointer-events-none{pointer-events:none}.babylai\\:invisible{visibility:hidden}.babylai\\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.babylai\\:absolute{position:absolute}.babylai\\:fixed{position:fixed}.babylai\\:relative{position:relative}.babylai\\:sticky{position:sticky}.babylai\\:inset-0{inset:calc(var(--babylai-spacing) * 0)}.babylai\\:-top-2{top:calc(var(--babylai-spacing) * -2)}.babylai\\:top-0\\.5{top:calc(var(--babylai-spacing) * .5)}.babylai\\:top-1\\/2{top:50%}.babylai\\:top-4{top:calc(var(--babylai-spacing) * 4)}.babylai\\:right-0{right:calc(var(--babylai-spacing) * 0)}.babylai\\:right-0\\.5{right:calc(var(--babylai-spacing) * .5)}.babylai\\:right-4{right:calc(var(--babylai-spacing) * 4)}.babylai\\:right-5{right:calc(var(--babylai-spacing) * 5)}.babylai\\:right-6{right:calc(var(--babylai-spacing) * 6)}.babylai\\:bottom-0{bottom:calc(var(--babylai-spacing) * 0)}.babylai\\:bottom-4{bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:bottom-6{bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:bottom-11{bottom:calc(var(--babylai-spacing) * 11)}.babylai\\:bottom-20{bottom:calc(var(--babylai-spacing) * 20)}.babylai\\:bottom-\\[-8px\\]{bottom:-8px}.babylai\\:left-0{left:calc(var(--babylai-spacing) * 0)}.babylai\\:left-0\\.5{left:calc(var(--babylai-spacing) * .5)}.babylai\\:left-1\\/2{left:50%}.babylai\\:left-4{left:calc(var(--babylai-spacing) * 4)}.babylai\\:z-1{z-index:1}.babylai\\:z-10{z-index:10}.babylai\\:z-20{z-index:20}.babylai\\:z-50{z-index:50}.babylai\\:z-1000{z-index:1000}.babylai\\:z-9997{z-index:9997}.babylai\\:z-9998{z-index:9998}.babylai\\:z-9999{z-index:9999}.babylai\\:z-10001{z-index:10001}.babylai\\:my-5{margin-block:calc(var(--babylai-spacing) * 5)}.babylai\\:ms-6{margin-inline-start:calc(var(--babylai-spacing) * 6)}.babylai\\:ms-auto{margin-inline-start:auto}.babylai\\:mt-1{margin-top:calc(var(--babylai-spacing) * 1)}.babylai\\:mr-1{margin-right:calc(var(--babylai-spacing) * 1)}.babylai\\:mb-0{margin-bottom:calc(var(--babylai-spacing) * 0)}.babylai\\:mb-1{margin-bottom:calc(var(--babylai-spacing) * 1)}.babylai\\:mb-2{margin-bottom:calc(var(--babylai-spacing) * 2)}.babylai\\:mb-4{margin-bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:mb-5{margin-bottom:calc(var(--babylai-spacing) * 5)}.babylai\\:mb-6{margin-bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:ml-auto{margin-left:auto}.babylai\\:box-border{box-sizing:border-box}.babylai\\:block{display:block}.babylai\\:flex{display:flex}.babylai\\:grid{display:grid}.babylai\\:inline-block{display:inline-block}.babylai\\:inline-flex{display:inline-flex}.babylai\\:h-0{height:calc(var(--babylai-spacing) * 0)}.babylai\\:h-2{height:calc(var(--babylai-spacing) * 2)}.babylai\\:h-3{height:calc(var(--babylai-spacing) * 3)}.babylai\\:h-4{height:calc(var(--babylai-spacing) * 4)}.babylai\\:h-5{height:calc(var(--babylai-spacing) * 5)}.babylai\\:h-6{height:calc(var(--babylai-spacing) * 6)}.babylai\\:h-7{height:calc(var(--babylai-spacing) * 7)}.babylai\\:h-8{height:calc(var(--babylai-spacing) * 8)}.babylai\\:h-10{height:calc(var(--babylai-spacing) * 10)}.babylai\\:h-12{height:calc(var(--babylai-spacing) * 12)}.babylai\\:h-14{height:calc(var(--babylai-spacing) * 14)}.babylai\\:h-20{height:calc(var(--babylai-spacing) * 20)}.babylai\\:h-\\[50px\\]{height:50px}.babylai\\:h-\\[600px\\]{height:600px}.babylai\\:h-\\[calc\\(100vh-12rem\\)\\]{height:calc(100vh - 12rem)}.babylai\\:h-auto{height:auto}.babylai\\:h-full{height:100%}.babylai\\:h-screen{height:100vh}.babylai\\:max-h-\\[90vh\\]{max-height:90vh}.babylai\\:max-h-\\[800px\\]{max-height:800px}.babylai\\:max-h-full{max-height:100%}.babylai\\:min-h-20{min-height:calc(var(--babylai-spacing) * 20)}.babylai\\:w-0{width:calc(var(--babylai-spacing) * 0)}.babylai\\:w-2{width:calc(var(--babylai-spacing) * 2)}.babylai\\:w-3{width:calc(var(--babylai-spacing) * 3)}.babylai\\:w-4{width:calc(var(--babylai-spacing) * 4)}.babylai\\:w-5{width:calc(var(--babylai-spacing) * 5)}.babylai\\:w-6{width:calc(var(--babylai-spacing) * 6)}.babylai\\:w-7{width:calc(var(--babylai-spacing) * 7)}.babylai\\:w-8{width:calc(var(--babylai-spacing) * 8)}.babylai\\:w-10{width:calc(var(--babylai-spacing) * 10)}.babylai\\:w-12{width:calc(var(--babylai-spacing) * 12)}.babylai\\:w-14{width:calc(var(--babylai-spacing) * 14)}.babylai\\:w-15{width:calc(var(--babylai-spacing) * 15)}.babylai\\:w-20{width:calc(var(--babylai-spacing) * 20)}.babylai\\:w-96{width:calc(var(--babylai-spacing) * 96)}.babylai\\:w-\\[50px\\]{width:50px}.babylai\\:w-auto{width:auto}.babylai\\:w-auto\\!{width:auto!important}.babylai\\:w-full{width:100%}.babylai\\:max-w-40{max-width:calc(var(--babylai-spacing) * 40)}.babylai\\:max-w-\\[80\\%\\]{max-width:80%}.babylai\\:max-w-\\[90vw\\]{max-width:90vw}.babylai\\:max-w-\\[800px\\]{max-width:800px}.babylai\\:max-w-full{max-width:100%}.babylai\\:max-w-xs{max-width:var(--babylai-container-xs)}.babylai\\:min-w-0{min-width:calc(var(--babylai-spacing) * 0)}.babylai\\:flex-1{flex:1}.babylai\\:shrink-0{flex-shrink:0}.babylai\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.babylai\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.babylai\\:animate-wave{animation:var(--babylai-animate-wave)}.babylai\\:cursor-not-allowed{cursor:not-allowed}.babylai\\:cursor-pointer{cursor:pointer}.babylai\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.babylai\\:flex-col{flex-direction:column}.babylai\\:flex-row-reverse{flex-direction:row-reverse}.babylai\\:flex-wrap{flex-wrap:wrap}.babylai\\:items-center{align-items:center}.babylai\\:items-end{align-items:flex-end}.babylai\\:items-start{align-items:flex-start}.babylai\\:justify-between{justify-content:space-between}.babylai\\:justify-center{justify-content:center}.babylai\\:justify-end{justify-content:flex-end}.babylai\\:gap-1{gap:calc(var(--babylai-spacing) * 1)}.babylai\\:gap-1\\.5{gap:calc(var(--babylai-spacing) * 1.5)}.babylai\\:gap-2{gap:calc(var(--babylai-spacing) * 2)}.babylai\\:gap-2\\.5{gap:calc(var(--babylai-spacing) * 2.5)}.babylai\\:gap-3{gap:calc(var(--babylai-spacing) * 3)}.babylai\\:gap-4{gap:calc(var(--babylai-spacing) * 4)}.babylai\\:gap-6{gap:calc(var(--babylai-spacing) * 6)}.babylai\\:self-end{align-self:flex-end}.babylai\\:self-start{align-self:flex-start}.babylai\\:overflow-hidden{overflow:hidden}.babylai\\:overflow-x-auto{overflow-x:auto}.babylai\\:overflow-y-auto{overflow-y:auto}.babylai\\:rounded-2xl{border-radius:var(--babylai-radius-2xl)}.babylai\\:rounded-3xl{border-radius:var(--babylai-radius-3xl)}.babylai\\:rounded-full{border-radius:calc(infinity * 1px)}.babylai\\:rounded-lg{border-radius:var(--babylai-radius-lg)}.babylai\\:rounded-md{border-radius:var(--babylai-radius-md)}.babylai\\:rounded-xl{border-radius:var(--babylai-radius-xl)}.babylai\\:rounded-t-2xl{border-top-left-radius:var(--babylai-radius-2xl);border-top-right-radius:var(--babylai-radius-2xl)}.babylai\\:border{border-style:var(--tw-border-style);border-width:1px}.babylai\\:border-2{border-style:var(--tw-border-style);border-width:2px}.babylai\\:border-4{border-style:var(--tw-border-style);border-width:4px}.babylai\\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.babylai\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.babylai\\:border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.babylai\\:border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.babylai\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.babylai\\:border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.babylai\\:border-none{--tw-border-style: none;border-style:none}.babylai\\:border-black-white-200{border-color:var(--babylai-color-black-white-200)}.babylai\\:border-border{border-color:var(--babylai-color-border)}.babylai\\:border-destructive{border-color:var(--babylai-color-destructive)}.babylai\\:border-primary{border-color:var(--babylai-color-primary)}.babylai\\:border-white\\/20{border-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:border-white\\/20{border-color:color-mix(in oklab,var(--babylai-color-white) 20%,transparent)}}.babylai\\:border-t-primary{border-top-color:var(--babylai-color-primary)}.babylai\\:border-r-transparent{border-right-color:transparent}.babylai\\:border-l-transparent{border-left-color:transparent}.babylai\\:bg-black-white-50{background-color:var(--babylai-color-black-white-50)}.babylai\\:bg-black-white-100{background-color:var(--babylai-color-black-white-100)}.babylai\\:bg-black\\/30{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/30{background-color:color-mix(in oklab,var(--babylai-color-black) 30%,transparent)}}.babylai\\:bg-black\\/60{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/60{background-color:color-mix(in oklab,var(--babylai-color-black) 60%,transparent)}}.babylai\\:bg-black\\/90{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/90{background-color:color-mix(in oklab,var(--babylai-color-black) 90%,transparent)}}.babylai\\:bg-card{background-color:var(--babylai-color-card)}.babylai\\:bg-card-foreground\\/50{background-color:var(--babylai-color-card-foreground)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-card-foreground\\/50{background-color:color-mix(in oklab,var(--babylai-color-card-foreground) 50%,transparent)}}.babylai\\:bg-muted{background-color:var(--babylai-color-muted)}.babylai\\:bg-primary,.babylai\\:bg-primary\\/15{background-color:var(--babylai-color-primary)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-primary\\/15{background-color:color-mix(in oklab,var(--babylai-color-primary) 15%,transparent)}}.babylai\\:bg-secondary{background-color:var(--babylai-color-secondary)}.babylai\\:bg-transparent{background-color:transparent}.babylai\\:bg-white,.babylai\\:bg-white\\/10{background-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-white\\/10{background-color:color-mix(in oklab,var(--babylai-color-white) 10%,transparent)}}.babylai\\:bg-linear-to-b{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.babylai\\:bg-linear-to-b{--tw-gradient-position: to bottom in oklab}}.babylai\\:bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.babylai\\:bg-linear-to-t{--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.babylai\\:bg-linear-to-t{--tw-gradient-position: to top in oklab}}.babylai\\:bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.babylai\\:from-card{--tw-gradient-from: var(--babylai-color-card);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.babylai\\:from-\\[28\\.32\\%\\]{--tw-gradient-from-position: 28.32%}.babylai\\:to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.babylai\\:to-\\[112\\.59\\%\\]{--tw-gradient-to-position: 112.59%}.babylai\\:object-contain{object-fit:contain}.babylai\\:object-cover{object-fit:cover}.babylai\\:p-0{padding:calc(var(--babylai-spacing) * 0)}.babylai\\:p-1{padding:calc(var(--babylai-spacing) * 1)}.babylai\\:p-1\\.5{padding:calc(var(--babylai-spacing) * 1.5)}.babylai\\:p-2{padding:calc(var(--babylai-spacing) * 2)}.babylai\\:p-3{padding:calc(var(--babylai-spacing) * 3)}.babylai\\:p-3\\!{padding:calc(var(--babylai-spacing) * 3)!important}.babylai\\:p-4{padding:calc(var(--babylai-spacing) * 4)}.babylai\\:p-5{padding:calc(var(--babylai-spacing) * 5)}.babylai\\:p-5\\!{padding:calc(var(--babylai-spacing) * 5)!important}.babylai\\:p-6{padding:calc(var(--babylai-spacing) * 6)}.babylai\\:p-6\\!{padding:calc(var(--babylai-spacing) * 6)!important}.babylai\\:px-2{padding-inline:calc(var(--babylai-spacing) * 2)}.babylai\\:px-4{padding-inline:calc(var(--babylai-spacing) * 4)}.babylai\\:px-6{padding-inline:calc(var(--babylai-spacing) * 6)}.babylai\\:py-2{padding-block:calc(var(--babylai-spacing) * 2)}.babylai\\:py-3{padding-block:calc(var(--babylai-spacing) * 3)}.babylai\\:py-4{padding-block:calc(var(--babylai-spacing) * 4)}.babylai\\:py-6{padding-block:calc(var(--babylai-spacing) * 6)}.babylai\\:pe-2{padding-inline-end:calc(var(--babylai-spacing) * 2)}.babylai\\:pt-0{padding-top:calc(var(--babylai-spacing) * 0)}.babylai\\:pt-6{padding-top:calc(var(--babylai-spacing) * 6)}.babylai\\:pb-2{padding-bottom:calc(var(--babylai-spacing) * 2)}.babylai\\:pb-4{padding-bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:pb-5{padding-bottom:calc(var(--babylai-spacing) * 5)}.babylai\\:pb-6{padding-bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:text-center{text-align:center}.babylai\\:text-start{text-align:start}.babylai\\:text-2xl{font-size:var(--babylai-text-2xl);line-height:var(--tw-leading, var(--babylai-text-2xl--line-height))}.babylai\\:text-base{font-size:var(--babylai-text-base);line-height:var(--tw-leading, var(--babylai-text-base--line-height))}.babylai\\:text-lg{font-size:var(--babylai-text-lg);line-height:var(--tw-leading, var(--babylai-text-lg--line-height))}.babylai\\:text-sm{font-size:var(--babylai-text-sm);line-height:var(--tw-leading, var(--babylai-text-sm--line-height))}.babylai\\:text-xl{font-size:var(--babylai-text-xl);line-height:var(--tw-leading, var(--babylai-text-xl--line-height))}.babylai\\:text-xs{font-size:var(--babylai-text-xs);line-height:var(--tw-leading, var(--babylai-text-xs--line-height))}.babylai\\:leading-none{--tw-leading: 1;line-height:1}.babylai\\:font-bold{--tw-font-weight: var(--babylai-font-weight-bold);font-weight:var(--babylai-font-weight-bold)}.babylai\\:font-medium{--tw-font-weight: var(--babylai-font-weight-medium);font-weight:var(--babylai-font-weight-medium)}.babylai\\:font-normal{--tw-font-weight: var(--babylai-font-weight-normal);font-weight:var(--babylai-font-weight-normal)}.babylai\\:font-semibold{--tw-font-weight: var(--babylai-font-weight-semibold);font-weight:var(--babylai-font-weight-semibold)}.babylai\\:tracking-tight{--tw-tracking: var(--babylai-tracking-tight);letter-spacing:var(--babylai-tracking-tight)}.babylai\\:whitespace-nowrap{white-space:nowrap}.babylai\\:text-black-white-200{color:var(--babylai-color-black-white-200)}.babylai\\:text-black-white-300{color:var(--babylai-color-black-white-300)}.babylai\\:text-card-foreground{color:var(--babylai-color-card-foreground)}.babylai\\:text-destructive{color:var(--babylai-color-destructive)}.babylai\\:text-foreground{color:var(--babylai-color-foreground)}.babylai\\:text-muted-foreground{color:var(--babylai-color-muted-foreground)}.babylai\\:text-primary{color:var(--babylai-color-primary)}.babylai\\:text-white{color:var(--babylai-color-white)}.babylai\\:no-underline{text-decoration-line:none}.babylai\\:opacity-0{opacity:0%}.babylai\\:opacity-30{opacity:30%}.babylai\\:opacity-60{opacity:60%}.babylai\\:opacity-70{opacity:70%}.babylai\\:opacity-80{opacity:80%}.babylai\\:opacity-100{opacity:100%}.babylai\\:shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:ring-ring{--tw-ring-color: var(--babylai-color-ring)}.babylai\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:duration-200{--tw-duration: .2s;transition-duration:.2s}.babylai\\:duration-300{--tw-duration: .3s;transition-duration:.3s}.babylai\\:ease-out{--tw-ease: var(--babylai-ease-out);transition-timing-function:var(--babylai-ease-out)}.babylai\\:outline-none{--tw-outline-style: none;outline-style:none}@media(hover:hover){.babylai\\:hover\\:translate-y-\\[-2px\\]:hover{--tw-translate-y: -2px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.babylai\\:hover\\:scale-110:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.babylai\\:hover\\:bg-black\\/80:hover{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:hover\\:bg-black\\/80:hover{background-color:color-mix(in oklab,var(--babylai-color-black) 80%,transparent)}}}@media(hover:hover){.babylai\\:hover\\:bg-muted:hover{background-color:var(--babylai-color-muted)}}@media(hover:hover){.babylai\\:hover\\:bg-secondary:hover{background-color:var(--babylai-color-secondary)}}@media(hover:hover){.babylai\\:hover\\:bg-white\\/20:hover{background-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--babylai-color-white) 20%,transparent)}}}@media(hover:hover){.babylai\\:hover\\:text-foreground:hover{color:var(--babylai-color-foreground)}}@media(hover:hover){.babylai\\:hover\\:text-primary:hover{color:var(--babylai-color-primary)}}@media(hover:hover){.babylai\\:hover\\:opacity-80:hover{opacity:80%}}@media(hover:hover){.babylai\\:hover\\:opacity-100:hover{opacity:100%}}@media(hover:hover){.babylai\\:hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.babylai\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.babylai\\:disabled\\:border-black-white-300:disabled{border-color:var(--babylai-color-black-white-300)}.babylai\\:disabled\\:bg-black-white-300:disabled{background-color:var(--babylai-color-black-white-300)}.babylai\\:disabled\\:bg-secondary:disabled{background-color:var(--babylai-color-secondary)}.babylai\\:disabled\\:text-white:disabled{color:var(--babylai-color-white)}.babylai\\:disabled\\:opacity-50:disabled{opacity:50%}@media(prefers-color-scheme:dark){.babylai\\:dark\\:border-e-black-white-600{border-inline-end-color:var(--babylai-color-black-white-600)}}@media(prefers-color-scheme:dark){.babylai\\:dark\\:text-muted-foreground{color:var(--babylai-color-muted-foreground)}}@media(prefers-color-scheme:dark){.babylai\\:dark\\:placeholder\\:text-black-white-600::placeholder{color:var(--babylai-color-black-white-600)}}}:root{--babylai-font-sans: \"Cairo\", sans-serif;--black-white-50: #ffffff;--black-white-100: #f3f3f3;--black-white-200: #e2e2e2;--black-white-300: #919191;--black-white-400: #606060;--black-white-500: #333333;--black-white-600: #1f1f1f;--black-white-700: #171717;--black-white-800: #0a0a0a;--black-white-900: #050505;--black-white-950: #000000;--black-white-default: #333333;--storm-dust: #3d3d3d;--storm-dust-950: #262626;--primary-color: #ad49e1;--primary-color-100: #f6ecfc;--primary-color-200: #deb6f3;--primary-color-300: #d49cee;--primary-color-400: #c57fea;--primary-color-500: #ad49e1;--primary-color-600: #672b87;--primary-color-700: #451d5a;--primary-color-800: #220e2d;--primary-color-900: #110716;--primary-color-950: #0a0310;--background: #ffffff;--foreground: #333333;--card: #ffffff;--card-foreground: #333333;--popover: #ffffff;--popover-foreground: #333333;--secondary: #f3f3f3;--secondary-foreground: #333333;--muted: #f3f3f3;--muted-foreground: #606060;--accent: #f3f3f3;--accent-foreground: #333333;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e2e2;--input: #e2e2e2;--ring: var(--primary-color);--radius: .5rem}@media(prefers-color-scheme:dark){:root{--black-white-50: #000000;--black-white-100: #050505;--black-white-200: #0a0a0a;--black-white-300: #171717;--black-white-400: #1f1f1f;--black-white-500: #333333;--black-white-600: #606060;--black-white-700: #919191;--black-white-800: #e2e2e2;--black-white-900: #f3f3f3;--black-white-950: #ffffff;--black-white-default: #e2e2e2;--storm-dust: #262626;--storm-dust-950: #3d3d3d;--background: #121212;--foreground: #ffffff;--card: #262626;--card-foreground: #ffffff;--popover: #1e1e1e;--popover-foreground: #ffffff;--secondary: #3d3d3d;--secondary-foreground: #ffffff;--muted: #2a2a2a;--muted-foreground: #b3b3b3;--accent: #2a2a2a;--accent-foreground: #ffffff;--destructive: #ff6b6b;--destructive-foreground: #ffffff;--border: #404040;--input: var(--card);--ring: var(--primary-color)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s infinite ease-in-out}.bg-header{background:linear-gradient(171deg,var(--primary-color) -131.06%,var(--black-white-50) 89.82%)}@supports (color: color-mix(in lab,red,red)){.bg-header{background:linear-gradient(171deg,color-mix(in srgb,var(--primary-color) 25%,transparent) -131.06%,color-mix(in srgb,var(--black-white-50) 25%,transparent) 89.82%)}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: \"*\"; inherits: false;}@property --tw-gradient-from{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-via-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-from-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@keyframes wave{0%,60%,to{transform:initial}30%{transform:translateY(-10px)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ArrowAnimationComponent, selector: "app-arrow-animation", inputs: ["showArrowAnimation", "isPopupOpen", "messageLabel"], outputs: ["closeArrowAnimation"] }, { kind: "component", type: HelpButtonComponent, selector: "app-help-button", inputs: ["isPopupOpen"], outputs: ["togglePopup"] }, { kind: "component", type: HelpPopupComponent, selector: "app-help-popup", inputs: ["isPopupOpen", "showHelpScreenData", "showChat", "status", "error", "helpScreenData", "messages", "needsAgent", "assistantStatus", "isAblyConnected", "isChatClosed", "currentLang", "chatIsLoading", "sessionId", "selectedOption", "selectedNestedOption", "showEndChatConfirmation", "showStartNewChatConfirmation", "showReviewDialog", "isSubmittingReview", "isStartingNewChat"], outputs: ["closePopup", "minimizePopup", "back", "showChatEvent", "endChat", "confirmEndChat", "cancelEndChat", "closeEndChat", "confirmStartNewChat", "cancelStartNewChat", "closeStartNewChat", "reviewSubmit", "reviewSkip", "reviewClose", "reviewSubmitFromChat", "reviewSkipFromChat", "startNewChat", "navigateToUrl", "sendMessageEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: HelpCenterWidgetComponent, decorators: [{
             type: Component,
@@ -3617,7 +3617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         ArrowAnimationComponent,
                         HelpButtonComponent,
                         HelpPopupComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"babylai:flex babylai:flex-col babylai:items-end babylai:h-auto babylai:w-auto babylai:fixed babylai:bottom-6 babylai:right-6 babylai:z-9998\"\n  [dir]=\"getDirection()\"\n>\n  <!-- TEST: Version mismatch fixed - Arrow Animation - SUCCESS! -->\n  <app-arrow-animation\n    [showArrowAnimation]=\"showArrowAnimation()\"\n    [isPopupOpen]=\"isPopupOpen()\"\n    [messageLabel]=\"messageLabel()\"\n    (closeArrowAnimation)=\"handleCloseArrowAnimation()\"\n  ></app-arrow-animation>\n\n  <!-- Help Button -->\n  <app-help-button\n    [isPopupOpen]=\"isPopupOpen()\"\n    (togglePopup)=\"handleTogglePopup()\"\n  ></app-help-button>\n\n  <!-- Help Popup -->\n  <app-help-popup\n    [isPopupOpen]=\"isPopupOpen()\"\n    [showHelpScreenData]=\"showHelpScreenData()\"\n    [showChat]=\"showChat()\"\n    [status]=\"status()\"\n    [error]=\"error()\"\n    [helpScreenData]=\"helpScreenData()\"\n    [messages]=\"messages()\"\n    [needsAgent]=\"needsAgent()\"\n    [assistantStatus]=\"assistantStatus()\"\n    [isAblyConnected]=\"isAblyConnected()\"\n    [isChatClosed]=\"isChatClosed()\"\n    [currentLang]=\"currentLang()\"\n    [chatIsLoading]=\"chatIsLoading()\"\n    [sessionId]=\"sessionId()\"\n    [selectedOption]=\"selectedOption()\"\n    [selectedNestedOption]=\"selectedNestedOption()\"\n    [showEndChatConfirmation]=\"showEndChatConfirmation()\"\n    [showStartNewChatConfirmation]=\"showStartNewChatConfirmation()\"\n    [showReviewDialog]=\"showReviewDialog()\"\n    [isSubmittingReview]=\"isSubmittingReview()\"\n    [isStartingNewChat]=\"isStartingNewChat()\"\n    (closePopup)=\"handleClosePopup()\"\n    (minimizePopup)=\"handleMinimizePopup()\"\n    (back)=\"handleBack()\"\n    (showChatEvent)=\"handleShowChat()\"\n    (endChat)=\"handleEndChat()\"\n    (confirmEndChat)=\"confirmEndChat()\"\n    (cancelEndChat)=\"cancelEndChat()\"\n    (closeEndChat)=\"closeEndChat()\"\n    (confirmStartNewChat)=\"confirmStartNewChat()\"\n    (cancelStartNewChat)=\"cancelStartNewChat()\"\n    (closeStartNewChat)=\"closeStartNewChat()\"\n    (reviewSubmit)=\"handleReviewSubmit($event)\"\n    (reviewSkip)=\"handleReviewSkip()\"\n    (reviewClose)=\"handleReviewClose()\"\n    (reviewSubmitFromChat)=\"handleReviewSubmitFromChat($event)\"\n    (reviewSkipFromChat)=\"handleReviewSkipFromChat()\"\n    (sendMessageEvent)=\"sendMessage($event)\"\n    (startNewChat)=\"handleStartNewChat($event)\"\n    (showHelpScreenDataEvent)=\"handleShowHelpScreenData()\"\n    (navigateToUrl)=\"navigateToUrl($event)\"\n  />\n</div>\n", styles: [":root{--babylai-font-sans: \"Cairo\", sans-serif;--black-white-50: #ffffff;--black-white-100: #f3f3f3;--black-white-200: #e2e2e2;--black-white-300: #919191;--black-white-400: #606060;--black-white-500: #333333;--black-white-600: #1f1f1f;--black-white-700: #171717;--black-white-800: #0a0a0a;--black-white-900: #050505;--black-white-950: #000000;--black-white-default: #333333;--storm-dust: #3d3d3d;--storm-dust-950: #262626;--primary-color: #ad49e1;--primary-color-100: #f6ecfc;--primary-color-200: #deb6f3;--primary-color-300: #d49cee;--primary-color-400: #c57fea;--primary-color-500: #ad49e1;--primary-color-600: #672b87;--primary-color-700: #451d5a;--primary-color-800: #220e2d;--primary-color-900: #110716;--primary-color-950: #0a0310;--background: #ffffff;--foreground: #333333;--card: #ffffff;--card-foreground: #333333;--popover: #ffffff;--popover-foreground: #333333;--secondary: #f3f3f3;--secondary-foreground: #333333;--muted: #f3f3f3;--muted-foreground: #606060;--accent: #f3f3f3;--accent-foreground: #333333;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e2e2;--input: #e2e2e2;--ring: var(--primary-color);--radius: .5rem}@media(prefers-color-scheme:dark){:root{--black-white-50: #000000;--black-white-100: #050505;--black-white-200: #0a0a0a;--black-white-300: #171717;--black-white-400: #1f1f1f;--black-white-500: #333333;--black-white-600: #606060;--black-white-700: #919191;--black-white-800: #e2e2e2;--black-white-900: #f3f3f3;--black-white-950: #ffffff;--black-white-default: #e2e2e2;--storm-dust: #262626;--storm-dust-950: #3d3d3d;--background: #121212;--foreground: #ffffff;--card: #262626;--card-foreground: #ffffff;--popover: #1e1e1e;--popover-foreground: #ffffff;--secondary: #3d3d3d;--secondary-foreground: #ffffff;--muted: #2a2a2a;--muted-foreground: #b3b3b3;--accent: #2a2a2a;--accent-foreground: #ffffff;--destructive: #ff6b6b;--destructive-foreground: #ffffff;--border: #404040;--input: var(--card);--ring: var(--primary-color)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s infinite ease-in-out}.bg-header{background:linear-gradient(171deg,var(--primary-color) -131.06%,var(--black-white-50) 89.82%)}@supports (color: color-mix(in lab,red,red)){.bg-header{background:linear-gradient(171deg,color-mix(in srgb,var(--primary-color) 25%,transparent) -131.06%,color-mix(in srgb,var(--black-white-50) 25%,transparent) 89.82%)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"babylai:flex babylai:flex-col babylai:items-end babylai:h-auto babylai:w-auto babylai:fixed babylai:bottom-6 babylai:right-6 babylai:z-9998\"\n  [dir]=\"getDirection()\"\n>\n  <!-- TEST: Version mismatch fixed - Arrow Animation - SUCCESS! -->\n  <app-arrow-animation\n    [showArrowAnimation]=\"showArrowAnimation()\"\n    [isPopupOpen]=\"isPopupOpen()\"\n    [messageLabel]=\"messageLabel()\"\n    (closeArrowAnimation)=\"handleCloseArrowAnimation()\"\n  ></app-arrow-animation>\n\n  <!-- Help Button -->\n  <app-help-button\n    [isPopupOpen]=\"isPopupOpen()\"\n    (togglePopup)=\"handleTogglePopup()\"\n  ></app-help-button>\n\n  <!-- Help Popup -->\n  <app-help-popup\n    [isPopupOpen]=\"isPopupOpen()\"\n    [showHelpScreenData]=\"showHelpScreenData()\"\n    [showChat]=\"showChat()\"\n    [status]=\"status()\"\n    [error]=\"error()\"\n    [helpScreenData]=\"helpScreenData()\"\n    [messages]=\"messages()\"\n    [needsAgent]=\"needsAgent()\"\n    [assistantStatus]=\"assistantStatus()\"\n    [isAblyConnected]=\"isAblyConnected()\"\n    [isChatClosed]=\"isChatClosed()\"\n    [currentLang]=\"currentLang()\"\n    [chatIsLoading]=\"chatIsLoading()\"\n    [sessionId]=\"sessionId()\"\n    [selectedOption]=\"selectedOption()\"\n    [selectedNestedOption]=\"selectedNestedOption()\"\n    [showEndChatConfirmation]=\"showEndChatConfirmation()\"\n    [showStartNewChatConfirmation]=\"showStartNewChatConfirmation()\"\n    [showReviewDialog]=\"showReviewDialog()\"\n    [isSubmittingReview]=\"isSubmittingReview()\"\n    [isStartingNewChat]=\"isStartingNewChat()\"\n    (closePopup)=\"handleClosePopup()\"\n    (minimizePopup)=\"handleMinimizePopup()\"\n    (back)=\"handleBack()\"\n    (showChatEvent)=\"handleShowChat()\"\n    (endChat)=\"handleEndChat()\"\n    (confirmEndChat)=\"confirmEndChat()\"\n    (cancelEndChat)=\"cancelEndChat()\"\n    (closeEndChat)=\"closeEndChat()\"\n    (confirmStartNewChat)=\"confirmStartNewChat()\"\n    (cancelStartNewChat)=\"cancelStartNewChat()\"\n    (closeStartNewChat)=\"closeStartNewChat()\"\n    (reviewSubmit)=\"handleReviewSubmit($event)\"\n    (reviewSkip)=\"handleReviewSkip()\"\n    (reviewClose)=\"handleReviewClose()\"\n    (reviewSubmitFromChat)=\"handleReviewSubmitFromChat($event)\"\n    (reviewSkipFromChat)=\"handleReviewSkipFromChat()\"\n    (sendMessageEvent)=\"sendMessage($event)\"\n    (startNewChat)=\"handleStartNewChat($event)\"\n    (showHelpScreenDataEvent)=\"handleShowHelpScreenData()\"\n    (navigateToUrl)=\"navigateToUrl($event)\"\n  />\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap\";@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--babylai-font-sans: \"Cairo\", sans-serif;--babylai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--babylai-color-black: #000;--babylai-color-white: #fff;--babylai-spacing: .25rem;--babylai-container-xs: 20rem;--babylai-text-xs: .75rem;--babylai-text-xs--line-height: calc(1 / .75);--babylai-text-sm: .875rem;--babylai-text-sm--line-height: calc(1.25 / .875);--babylai-text-base: 1rem;--babylai-text-base--line-height: 1.5 ;--babylai-text-lg: 1.125rem;--babylai-text-lg--line-height: calc(1.75 / 1.125);--babylai-text-xl: 1.25rem;--babylai-text-xl--line-height: calc(1.75 / 1.25);--babylai-text-2xl: 1.5rem;--babylai-text-2xl--line-height: calc(2 / 1.5);--babylai-font-weight-normal: 400;--babylai-font-weight-medium: 500;--babylai-font-weight-semibold: 600;--babylai-font-weight-bold: 700;--babylai-tracking-tight: -.025em;--babylai-radius-md: .375rem;--babylai-radius-lg: .5rem;--babylai-radius-xl: .75rem;--babylai-radius-2xl: 1rem;--babylai-radius-3xl: 1.5rem;--babylai-ease-out: cubic-bezier(0, 0, .2, 1);--babylai-default-transition-duration: .15s;--babylai-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--babylai-default-font-family: var(--babylai-font-sans);--babylai-default-mono-font-family: var(--babylai-font-mono);--babylai-color-primary: var(--primary-color);--babylai-color-foreground: var(--foreground);--babylai-color-card: var(--card);--babylai-color-card-foreground: var(--card-foreground);--babylai-color-secondary: var(--secondary);--babylai-color-muted: var(--muted);--babylai-color-muted-foreground: var(--muted-foreground);--babylai-color-destructive: var(--destructive);--babylai-color-border: var(--border);--babylai-color-ring: var(--ring);--babylai-color-black-white-50: var(--black-white-50);--babylai-color-black-white-100: var(--black-white-100);--babylai-color-black-white-200: var(--black-white-200);--babylai-color-black-white-300: var(--black-white-300);--babylai-color-black-white-600: var(--black-white-600);--babylai-animate-wave: wave 1.3s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--babylai-default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--babylai-default-font-feature-settings, normal);font-variation-settings:var(--babylai-default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--babylai-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--babylai-default-mono-font-feature-settings, normal);font-variation-settings:var(--babylai-default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.babylai\\:pointer-events-auto{pointer-events:auto}.babylai\\:pointer-events-none{pointer-events:none}.babylai\\:invisible{visibility:hidden}.babylai\\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.babylai\\:absolute{position:absolute}.babylai\\:fixed{position:fixed}.babylai\\:relative{position:relative}.babylai\\:sticky{position:sticky}.babylai\\:inset-0{inset:calc(var(--babylai-spacing) * 0)}.babylai\\:-top-2{top:calc(var(--babylai-spacing) * -2)}.babylai\\:top-0\\.5{top:calc(var(--babylai-spacing) * .5)}.babylai\\:top-1\\/2{top:50%}.babylai\\:top-4{top:calc(var(--babylai-spacing) * 4)}.babylai\\:right-0{right:calc(var(--babylai-spacing) * 0)}.babylai\\:right-0\\.5{right:calc(var(--babylai-spacing) * .5)}.babylai\\:right-4{right:calc(var(--babylai-spacing) * 4)}.babylai\\:right-5{right:calc(var(--babylai-spacing) * 5)}.babylai\\:right-6{right:calc(var(--babylai-spacing) * 6)}.babylai\\:bottom-0{bottom:calc(var(--babylai-spacing) * 0)}.babylai\\:bottom-4{bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:bottom-6{bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:bottom-11{bottom:calc(var(--babylai-spacing) * 11)}.babylai\\:bottom-20{bottom:calc(var(--babylai-spacing) * 20)}.babylai\\:bottom-\\[-8px\\]{bottom:-8px}.babylai\\:left-0{left:calc(var(--babylai-spacing) * 0)}.babylai\\:left-0\\.5{left:calc(var(--babylai-spacing) * .5)}.babylai\\:left-1\\/2{left:50%}.babylai\\:left-4{left:calc(var(--babylai-spacing) * 4)}.babylai\\:z-1{z-index:1}.babylai\\:z-10{z-index:10}.babylai\\:z-20{z-index:20}.babylai\\:z-50{z-index:50}.babylai\\:z-1000{z-index:1000}.babylai\\:z-9997{z-index:9997}.babylai\\:z-9998{z-index:9998}.babylai\\:z-9999{z-index:9999}.babylai\\:z-10001{z-index:10001}.babylai\\:my-5{margin-block:calc(var(--babylai-spacing) * 5)}.babylai\\:ms-6{margin-inline-start:calc(var(--babylai-spacing) * 6)}.babylai\\:ms-auto{margin-inline-start:auto}.babylai\\:mt-1{margin-top:calc(var(--babylai-spacing) * 1)}.babylai\\:mr-1{margin-right:calc(var(--babylai-spacing) * 1)}.babylai\\:mb-0{margin-bottom:calc(var(--babylai-spacing) * 0)}.babylai\\:mb-1{margin-bottom:calc(var(--babylai-spacing) * 1)}.babylai\\:mb-2{margin-bottom:calc(var(--babylai-spacing) * 2)}.babylai\\:mb-4{margin-bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:mb-5{margin-bottom:calc(var(--babylai-spacing) * 5)}.babylai\\:mb-6{margin-bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:ml-auto{margin-left:auto}.babylai\\:box-border{box-sizing:border-box}.babylai\\:block{display:block}.babylai\\:flex{display:flex}.babylai\\:grid{display:grid}.babylai\\:inline-block{display:inline-block}.babylai\\:inline-flex{display:inline-flex}.babylai\\:h-0{height:calc(var(--babylai-spacing) * 0)}.babylai\\:h-2{height:calc(var(--babylai-spacing) * 2)}.babylai\\:h-3{height:calc(var(--babylai-spacing) * 3)}.babylai\\:h-4{height:calc(var(--babylai-spacing) * 4)}.babylai\\:h-5{height:calc(var(--babylai-spacing) * 5)}.babylai\\:h-6{height:calc(var(--babylai-spacing) * 6)}.babylai\\:h-7{height:calc(var(--babylai-spacing) * 7)}.babylai\\:h-8{height:calc(var(--babylai-spacing) * 8)}.babylai\\:h-10{height:calc(var(--babylai-spacing) * 10)}.babylai\\:h-12{height:calc(var(--babylai-spacing) * 12)}.babylai\\:h-14{height:calc(var(--babylai-spacing) * 14)}.babylai\\:h-20{height:calc(var(--babylai-spacing) * 20)}.babylai\\:h-\\[50px\\]{height:50px}.babylai\\:h-\\[600px\\]{height:600px}.babylai\\:h-\\[calc\\(100vh-12rem\\)\\]{height:calc(100vh - 12rem)}.babylai\\:h-auto{height:auto}.babylai\\:h-full{height:100%}.babylai\\:h-screen{height:100vh}.babylai\\:max-h-\\[90vh\\]{max-height:90vh}.babylai\\:max-h-\\[800px\\]{max-height:800px}.babylai\\:max-h-full{max-height:100%}.babylai\\:min-h-20{min-height:calc(var(--babylai-spacing) * 20)}.babylai\\:w-0{width:calc(var(--babylai-spacing) * 0)}.babylai\\:w-2{width:calc(var(--babylai-spacing) * 2)}.babylai\\:w-3{width:calc(var(--babylai-spacing) * 3)}.babylai\\:w-4{width:calc(var(--babylai-spacing) * 4)}.babylai\\:w-5{width:calc(var(--babylai-spacing) * 5)}.babylai\\:w-6{width:calc(var(--babylai-spacing) * 6)}.babylai\\:w-7{width:calc(var(--babylai-spacing) * 7)}.babylai\\:w-8{width:calc(var(--babylai-spacing) * 8)}.babylai\\:w-10{width:calc(var(--babylai-spacing) * 10)}.babylai\\:w-12{width:calc(var(--babylai-spacing) * 12)}.babylai\\:w-14{width:calc(var(--babylai-spacing) * 14)}.babylai\\:w-15{width:calc(var(--babylai-spacing) * 15)}.babylai\\:w-20{width:calc(var(--babylai-spacing) * 20)}.babylai\\:w-96{width:calc(var(--babylai-spacing) * 96)}.babylai\\:w-\\[50px\\]{width:50px}.babylai\\:w-auto{width:auto}.babylai\\:w-auto\\!{width:auto!important}.babylai\\:w-full{width:100%}.babylai\\:max-w-40{max-width:calc(var(--babylai-spacing) * 40)}.babylai\\:max-w-\\[80\\%\\]{max-width:80%}.babylai\\:max-w-\\[90vw\\]{max-width:90vw}.babylai\\:max-w-\\[800px\\]{max-width:800px}.babylai\\:max-w-full{max-width:100%}.babylai\\:max-w-xs{max-width:var(--babylai-container-xs)}.babylai\\:min-w-0{min-width:calc(var(--babylai-spacing) * 0)}.babylai\\:flex-1{flex:1}.babylai\\:shrink-0{flex-shrink:0}.babylai\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.babylai\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.babylai\\:animate-wave{animation:var(--babylai-animate-wave)}.babylai\\:cursor-not-allowed{cursor:not-allowed}.babylai\\:cursor-pointer{cursor:pointer}.babylai\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.babylai\\:flex-col{flex-direction:column}.babylai\\:flex-row-reverse{flex-direction:row-reverse}.babylai\\:flex-wrap{flex-wrap:wrap}.babylai\\:items-center{align-items:center}.babylai\\:items-end{align-items:flex-end}.babylai\\:items-start{align-items:flex-start}.babylai\\:justify-between{justify-content:space-between}.babylai\\:justify-center{justify-content:center}.babylai\\:justify-end{justify-content:flex-end}.babylai\\:gap-1{gap:calc(var(--babylai-spacing) * 1)}.babylai\\:gap-1\\.5{gap:calc(var(--babylai-spacing) * 1.5)}.babylai\\:gap-2{gap:calc(var(--babylai-spacing) * 2)}.babylai\\:gap-2\\.5{gap:calc(var(--babylai-spacing) * 2.5)}.babylai\\:gap-3{gap:calc(var(--babylai-spacing) * 3)}.babylai\\:gap-4{gap:calc(var(--babylai-spacing) * 4)}.babylai\\:gap-6{gap:calc(var(--babylai-spacing) * 6)}.babylai\\:self-end{align-self:flex-end}.babylai\\:self-start{align-self:flex-start}.babylai\\:overflow-hidden{overflow:hidden}.babylai\\:overflow-x-auto{overflow-x:auto}.babylai\\:overflow-y-auto{overflow-y:auto}.babylai\\:rounded-2xl{border-radius:var(--babylai-radius-2xl)}.babylai\\:rounded-3xl{border-radius:var(--babylai-radius-3xl)}.babylai\\:rounded-full{border-radius:calc(infinity * 1px)}.babylai\\:rounded-lg{border-radius:var(--babylai-radius-lg)}.babylai\\:rounded-md{border-radius:var(--babylai-radius-md)}.babylai\\:rounded-xl{border-radius:var(--babylai-radius-xl)}.babylai\\:rounded-t-2xl{border-top-left-radius:var(--babylai-radius-2xl);border-top-right-radius:var(--babylai-radius-2xl)}.babylai\\:border{border-style:var(--tw-border-style);border-width:1px}.babylai\\:border-2{border-style:var(--tw-border-style);border-width:2px}.babylai\\:border-4{border-style:var(--tw-border-style);border-width:4px}.babylai\\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.babylai\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.babylai\\:border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.babylai\\:border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.babylai\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.babylai\\:border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.babylai\\:border-none{--tw-border-style: none;border-style:none}.babylai\\:border-black-white-200{border-color:var(--babylai-color-black-white-200)}.babylai\\:border-border{border-color:var(--babylai-color-border)}.babylai\\:border-destructive{border-color:var(--babylai-color-destructive)}.babylai\\:border-primary{border-color:var(--babylai-color-primary)}.babylai\\:border-white\\/20{border-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:border-white\\/20{border-color:color-mix(in oklab,var(--babylai-color-white) 20%,transparent)}}.babylai\\:border-t-primary{border-top-color:var(--babylai-color-primary)}.babylai\\:border-r-transparent{border-right-color:transparent}.babylai\\:border-l-transparent{border-left-color:transparent}.babylai\\:bg-black-white-50{background-color:var(--babylai-color-black-white-50)}.babylai\\:bg-black-white-100{background-color:var(--babylai-color-black-white-100)}.babylai\\:bg-black\\/30{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/30{background-color:color-mix(in oklab,var(--babylai-color-black) 30%,transparent)}}.babylai\\:bg-black\\/60{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/60{background-color:color-mix(in oklab,var(--babylai-color-black) 60%,transparent)}}.babylai\\:bg-black\\/90{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-black\\/90{background-color:color-mix(in oklab,var(--babylai-color-black) 90%,transparent)}}.babylai\\:bg-card{background-color:var(--babylai-color-card)}.babylai\\:bg-card-foreground\\/50{background-color:var(--babylai-color-card-foreground)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-card-foreground\\/50{background-color:color-mix(in oklab,var(--babylai-color-card-foreground) 50%,transparent)}}.babylai\\:bg-muted{background-color:var(--babylai-color-muted)}.babylai\\:bg-primary,.babylai\\:bg-primary\\/15{background-color:var(--babylai-color-primary)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-primary\\/15{background-color:color-mix(in oklab,var(--babylai-color-primary) 15%,transparent)}}.babylai\\:bg-secondary{background-color:var(--babylai-color-secondary)}.babylai\\:bg-transparent{background-color:transparent}.babylai\\:bg-white,.babylai\\:bg-white\\/10{background-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:bg-white\\/10{background-color:color-mix(in oklab,var(--babylai-color-white) 10%,transparent)}}.babylai\\:bg-linear-to-b{--tw-gradient-position: to bottom}@supports (background-image: linear-gradient(in lab,red,red)){.babylai\\:bg-linear-to-b{--tw-gradient-position: to bottom in oklab}}.babylai\\:bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.babylai\\:bg-linear-to-t{--tw-gradient-position: to top}@supports (background-image: linear-gradient(in lab,red,red)){.babylai\\:bg-linear-to-t{--tw-gradient-position: to top in oklab}}.babylai\\:bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.babylai\\:from-card{--tw-gradient-from: var(--babylai-color-card);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.babylai\\:from-\\[28\\.32\\%\\]{--tw-gradient-from-position: 28.32%}.babylai\\:to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.babylai\\:to-\\[112\\.59\\%\\]{--tw-gradient-to-position: 112.59%}.babylai\\:object-contain{object-fit:contain}.babylai\\:object-cover{object-fit:cover}.babylai\\:p-0{padding:calc(var(--babylai-spacing) * 0)}.babylai\\:p-1{padding:calc(var(--babylai-spacing) * 1)}.babylai\\:p-1\\.5{padding:calc(var(--babylai-spacing) * 1.5)}.babylai\\:p-2{padding:calc(var(--babylai-spacing) * 2)}.babylai\\:p-3{padding:calc(var(--babylai-spacing) * 3)}.babylai\\:p-3\\!{padding:calc(var(--babylai-spacing) * 3)!important}.babylai\\:p-4{padding:calc(var(--babylai-spacing) * 4)}.babylai\\:p-5{padding:calc(var(--babylai-spacing) * 5)}.babylai\\:p-5\\!{padding:calc(var(--babylai-spacing) * 5)!important}.babylai\\:p-6{padding:calc(var(--babylai-spacing) * 6)}.babylai\\:p-6\\!{padding:calc(var(--babylai-spacing) * 6)!important}.babylai\\:px-2{padding-inline:calc(var(--babylai-spacing) * 2)}.babylai\\:px-4{padding-inline:calc(var(--babylai-spacing) * 4)}.babylai\\:px-6{padding-inline:calc(var(--babylai-spacing) * 6)}.babylai\\:py-2{padding-block:calc(var(--babylai-spacing) * 2)}.babylai\\:py-3{padding-block:calc(var(--babylai-spacing) * 3)}.babylai\\:py-4{padding-block:calc(var(--babylai-spacing) * 4)}.babylai\\:py-6{padding-block:calc(var(--babylai-spacing) * 6)}.babylai\\:pe-2{padding-inline-end:calc(var(--babylai-spacing) * 2)}.babylai\\:pt-0{padding-top:calc(var(--babylai-spacing) * 0)}.babylai\\:pt-6{padding-top:calc(var(--babylai-spacing) * 6)}.babylai\\:pb-2{padding-bottom:calc(var(--babylai-spacing) * 2)}.babylai\\:pb-4{padding-bottom:calc(var(--babylai-spacing) * 4)}.babylai\\:pb-5{padding-bottom:calc(var(--babylai-spacing) * 5)}.babylai\\:pb-6{padding-bottom:calc(var(--babylai-spacing) * 6)}.babylai\\:text-center{text-align:center}.babylai\\:text-start{text-align:start}.babylai\\:text-2xl{font-size:var(--babylai-text-2xl);line-height:var(--tw-leading, var(--babylai-text-2xl--line-height))}.babylai\\:text-base{font-size:var(--babylai-text-base);line-height:var(--tw-leading, var(--babylai-text-base--line-height))}.babylai\\:text-lg{font-size:var(--babylai-text-lg);line-height:var(--tw-leading, var(--babylai-text-lg--line-height))}.babylai\\:text-sm{font-size:var(--babylai-text-sm);line-height:var(--tw-leading, var(--babylai-text-sm--line-height))}.babylai\\:text-xl{font-size:var(--babylai-text-xl);line-height:var(--tw-leading, var(--babylai-text-xl--line-height))}.babylai\\:text-xs{font-size:var(--babylai-text-xs);line-height:var(--tw-leading, var(--babylai-text-xs--line-height))}.babylai\\:leading-none{--tw-leading: 1;line-height:1}.babylai\\:font-bold{--tw-font-weight: var(--babylai-font-weight-bold);font-weight:var(--babylai-font-weight-bold)}.babylai\\:font-medium{--tw-font-weight: var(--babylai-font-weight-medium);font-weight:var(--babylai-font-weight-medium)}.babylai\\:font-normal{--tw-font-weight: var(--babylai-font-weight-normal);font-weight:var(--babylai-font-weight-normal)}.babylai\\:font-semibold{--tw-font-weight: var(--babylai-font-weight-semibold);font-weight:var(--babylai-font-weight-semibold)}.babylai\\:tracking-tight{--tw-tracking: var(--babylai-tracking-tight);letter-spacing:var(--babylai-tracking-tight)}.babylai\\:whitespace-nowrap{white-space:nowrap}.babylai\\:text-black-white-200{color:var(--babylai-color-black-white-200)}.babylai\\:text-black-white-300{color:var(--babylai-color-black-white-300)}.babylai\\:text-card-foreground{color:var(--babylai-color-card-foreground)}.babylai\\:text-destructive{color:var(--babylai-color-destructive)}.babylai\\:text-foreground{color:var(--babylai-color-foreground)}.babylai\\:text-muted-foreground{color:var(--babylai-color-muted-foreground)}.babylai\\:text-primary{color:var(--babylai-color-primary)}.babylai\\:text-white{color:var(--babylai-color-white)}.babylai\\:no-underline{text-decoration-line:none}.babylai\\:opacity-0{opacity:0%}.babylai\\:opacity-30{opacity:30%}.babylai\\:opacity-60{opacity:60%}.babylai\\:opacity-70{opacity:70%}.babylai\\:opacity-80{opacity:80%}.babylai\\:opacity-100{opacity:100%}.babylai\\:shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.babylai\\:ring-ring{--tw-ring-color: var(--babylai-color-ring)}.babylai\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--babylai-default-transition-timing-function));transition-duration:var(--tw-duration, var(--babylai-default-transition-duration))}.babylai\\:duration-200{--tw-duration: .2s;transition-duration:.2s}.babylai\\:duration-300{--tw-duration: .3s;transition-duration:.3s}.babylai\\:ease-out{--tw-ease: var(--babylai-ease-out);transition-timing-function:var(--babylai-ease-out)}.babylai\\:outline-none{--tw-outline-style: none;outline-style:none}@media(hover:hover){.babylai\\:hover\\:translate-y-\\[-2px\\]:hover{--tw-translate-y: -2px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.babylai\\:hover\\:scale-110:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.babylai\\:hover\\:bg-black\\/80:hover{background-color:var(--babylai-color-black)}@supports (color: color-mix(in lab,red,red)){.babylai\\:hover\\:bg-black\\/80:hover{background-color:color-mix(in oklab,var(--babylai-color-black) 80%,transparent)}}}@media(hover:hover){.babylai\\:hover\\:bg-muted:hover{background-color:var(--babylai-color-muted)}}@media(hover:hover){.babylai\\:hover\\:bg-secondary:hover{background-color:var(--babylai-color-secondary)}}@media(hover:hover){.babylai\\:hover\\:bg-white\\/20:hover{background-color:var(--babylai-color-white)}@supports (color: color-mix(in lab,red,red)){.babylai\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--babylai-color-white) 20%,transparent)}}}@media(hover:hover){.babylai\\:hover\\:text-foreground:hover{color:var(--babylai-color-foreground)}}@media(hover:hover){.babylai\\:hover\\:text-primary:hover{color:var(--babylai-color-primary)}}@media(hover:hover){.babylai\\:hover\\:opacity-80:hover{opacity:80%}}@media(hover:hover){.babylai\\:hover\\:opacity-100:hover{opacity:100%}}@media(hover:hover){.babylai\\:hover\\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.babylai\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.babylai\\:disabled\\:border-black-white-300:disabled{border-color:var(--babylai-color-black-white-300)}.babylai\\:disabled\\:bg-black-white-300:disabled{background-color:var(--babylai-color-black-white-300)}.babylai\\:disabled\\:bg-secondary:disabled{background-color:var(--babylai-color-secondary)}.babylai\\:disabled\\:text-white:disabled{color:var(--babylai-color-white)}.babylai\\:disabled\\:opacity-50:disabled{opacity:50%}@media(prefers-color-scheme:dark){.babylai\\:dark\\:border-e-black-white-600{border-inline-end-color:var(--babylai-color-black-white-600)}}@media(prefers-color-scheme:dark){.babylai\\:dark\\:text-muted-foreground{color:var(--babylai-color-muted-foreground)}}@media(prefers-color-scheme:dark){.babylai\\:dark\\:placeholder\\:text-black-white-600::placeholder{color:var(--babylai-color-black-white-600)}}}:root{--babylai-font-sans: \"Cairo\", sans-serif;--black-white-50: #ffffff;--black-white-100: #f3f3f3;--black-white-200: #e2e2e2;--black-white-300: #919191;--black-white-400: #606060;--black-white-500: #333333;--black-white-600: #1f1f1f;--black-white-700: #171717;--black-white-800: #0a0a0a;--black-white-900: #050505;--black-white-950: #000000;--black-white-default: #333333;--storm-dust: #3d3d3d;--storm-dust-950: #262626;--primary-color: #ad49e1;--primary-color-100: #f6ecfc;--primary-color-200: #deb6f3;--primary-color-300: #d49cee;--primary-color-400: #c57fea;--primary-color-500: #ad49e1;--primary-color-600: #672b87;--primary-color-700: #451d5a;--primary-color-800: #220e2d;--primary-color-900: #110716;--primary-color-950: #0a0310;--background: #ffffff;--foreground: #333333;--card: #ffffff;--card-foreground: #333333;--popover: #ffffff;--popover-foreground: #333333;--secondary: #f3f3f3;--secondary-foreground: #333333;--muted: #f3f3f3;--muted-foreground: #606060;--accent: #f3f3f3;--accent-foreground: #333333;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e2e2;--input: #e2e2e2;--ring: var(--primary-color);--radius: .5rem}@media(prefers-color-scheme:dark){:root{--black-white-50: #000000;--black-white-100: #050505;--black-white-200: #0a0a0a;--black-white-300: #171717;--black-white-400: #1f1f1f;--black-white-500: #333333;--black-white-600: #606060;--black-white-700: #919191;--black-white-800: #e2e2e2;--black-white-900: #f3f3f3;--black-white-950: #ffffff;--black-white-default: #e2e2e2;--storm-dust: #262626;--storm-dust-950: #3d3d3d;--background: #121212;--foreground: #ffffff;--card: #262626;--card-foreground: #ffffff;--popover: #1e1e1e;--popover-foreground: #ffffff;--secondary: #3d3d3d;--secondary-foreground: #ffffff;--muted: #2a2a2a;--muted-foreground: #b3b3b3;--accent: #2a2a2a;--accent-foreground: #ffffff;--destructive: #ff6b6b;--destructive-foreground: #ffffff;--border: #404040;--input: var(--card);--ring: var(--primary-color)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s infinite ease-in-out}.bg-header{background:linear-gradient(171deg,var(--primary-color) -131.06%,var(--black-white-50) 89.82%)}@supports (color: color-mix(in lab,red,red)){.bg-header{background:linear-gradient(171deg,color-mix(in srgb,var(--primary-color) 25%,transparent) -131.06%,color-mix(in srgb,var(--black-white-50) 25%,transparent) 89.82%)}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: \"*\"; inherits: false;}@property --tw-gradient-from{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-via-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-from-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@keyframes wave{0%,60%,to{transform:initial}30%{transform:translateY(-10px)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-duration: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { getToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "getToken", required: true }] }], helpScreenId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpScreenId", required: true }] }], showArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrow", required: false }] }], messageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageLabel", required: false }] }], currentLang: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentLang", required: false }] }], primaryColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryColor", required: false }] }], logoUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoUrl", required: false }] }], chatMessagesContainer: [{
                 type: ViewChild,
                 args: ['chatMessagesContainer']