@vanira/sdk 0.0.13 → 0.0.14

package/dist/ui/styles/widget.css.d.ts

@@ -1 +1 @@
-export declare const widgetStyles = "\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    box-sizing: border-box;\n    \n    /* Default Theme Variables */\n    --primary: #6366f1;\n    --primary-hover: #4f46e5;\n    --primary-rgb: 99, 102, 241;\n    --secondary: #4f46e5;\n    --secondary-rgb: 79, 70, 229;\n    --bg: #ffffff;\n    --text: #1f2937;\n    --text-muted: #6b7280;\n    --border: #e5e7eb;\n    --shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);\n  }\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n  \n  @keyframes fadeInScale {\n    from { opacity: 0; transform: scale(0.8); }\n    to { opacity: 1; transform: scale(1); }\n  }\n\n  @keyframes pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n  }\n\n  @keyframes wave {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-4px); }\n  }\n\n  @keyframes wave-rotate-1 {\n    0% { transform: rotate(0deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n    25% { transform: rotate(90deg) scale(1.02); border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }\n    50% { transform: rotate(180deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n    75% { transform: rotate(270deg) scale(0.98); border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%; }\n    100% { transform: rotate(360deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n  }\n\n  @keyframes wave-rotate-2 {\n    0% { transform: rotate(60deg) scale(1.02); border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }\n    33% { transform: rotate(180deg) scale(0.98); border-radius: 60% 40% 40% 60% / 40% 60% 40% 60%; }\n    66% { transform: rotate(300deg) scale(1.02); border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%; }\n    100% { transform: rotate(420deg) scale(1.02); border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }\n  }\n\n  @keyframes wave-rotate-3 {\n    0% { transform: rotate(120deg) scale(1); border-radius: 50% 50% 50% 50%; }\n    50% { transform: rotate(300deg) scale(1.05); border-radius: 40% 60% 50% 50% / 50% 50% 60% 40%; }\n    100% { transform: rotate(480deg) scale(1); border-radius: 50% 50% 50% 50%; }\n  }\n\n  @keyframes clickBounce {\n    0% { transform: scale(1); }\n    25% { transform: scale(0.9) rotate(-5deg); }\n    50% { transform: scale(1.15) rotate(5deg); }\n    75% { transform: scale(0.95) rotate(-2deg); }\n    100% { transform: scale(1) rotate(0deg); }\n  }\n\n  @keyframes pulseGlow {\n    0%, 100% { box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4); }\n    50% { box-shadow: 0 4px 24px rgba(239, 68, 68, 0.6), 0 0 32px rgba(239, 68, 68, 0.3); }\n  }\n\n  @keyframes typingBounce {\n    0%, 80%, 100% { transform: translateY(0); }\n    40% { transform: translateY(-6px); }\n  }\n\n  @keyframes floatOrb {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n\n  @keyframes pulseGlowIdle {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }\n    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.2; }\n  }\n\n  @keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes voice-bars-orb {\n    0%, 100% { transform: scaleY(1); opacity: 0.7; }\n    50% { transform: scaleY(1.8); opacity: 1; }\n  }\n\n\n  .widget-fab {\n    position: fixed;\n    z-index: 9999;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--shadow);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    animation: fadeInScale 0.4s ease-out;\n  }\n\n  .widget-fab:hover {\n    transform: scale(1.1);\n    box-shadow: var(--shadow-lg);\n  }\n\n  .widget-fab:active {\n    transform: scale(0.95);\n  }\n\n  .widget-fab svg {\n    width: 28px;\n    height: 28px;\n    color: white;\n  }\n\n  .widget-panel {\n    position: fixed;\n    z-index: 10000; /* Higher than FAB */\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid #d1d5db; /* Solid light gray border for better differentiation */\n    border-radius: 28px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    \n    /* Default Dimensions */\n    width: 400px;\n    height: 600px;\n    max-height: 90vh;\n    max-width: 95vw;\n  }\n\n  .widget-panel.maximized {\n    width: 90vw !important;\n    height: 90vh !important;\n    top: 5vh !important;\n    left: 5vw !important;\n    right: 5vw !important;\n    bottom: 5vh !important;\n    margin: auto;\n  }\n\n  .widget-panel.maximized {\n    width: 800px;\n    max-width: calc(100vw - 40px);\n    height: 80vh;\n  }\n\n  .widget-body {\n    padding: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  .widget-panel.hidden {\n    opacity: 0;\n    pointer-events: none;\n    transform: translateY(20px) scale(0.95);\n  }\n/* ... rest of the content is redundant if I use replace or overwrite, but I will overwrite to include everything properly */\n  .widget-header {\n    background: #1f2937;\n    color: white;\n    padding: 14px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .widget-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0;\n    letter-spacing: 0.3px;\n  }\n\n  .close-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.2s;\n    backdrop-filter: blur(10px);\n  }\n\n  .close-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n    transform: scale(1.1);\n  }\n\n  .close-btn.maximize-btn {\n    display: flex;\n  }\n\n  .close-btn svg {\n    width: 18px;\n    height: 18px;\n    color: white;\n    flex-shrink: 0;\n  }\n\n  .widget-body {\n    padding: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .status-indicator {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f9fafb;\n    border-radius: 12px;\n    margin-bottom: 20px;\n  }\n\n  .status-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #10b981;\n    animation: pulse 2s infinite;\n  }\n\n  .status-text {\n    font-size: 14px;\n    color: var(--text-muted);\n    margin: 0;\n  }\n\n  .controls {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n  }\n\n  .control-btn {\n    flex: 1;\n    padding: 14px 20px;\n    border: none;\n    border-radius: 12px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .control-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .control-btn.primary {\n    background: #1f2937;\n    color: white;\n  }\n\n  .control-btn.primary:hover {\n    background: #374151;\n  }\n\n  .control-btn.danger {\n    background: #ef4444;\n    color: white;\n  }\n\n  .control-btn.danger:hover {\n    background: #dc2626;\n  }\n\n  .voice-mode-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding-bottom: 0;\n  }\n\n  .central-orb-container {\n    position: relative;\n    width: 120px;\n    height: 120px;\n    margin-bottom: 32px;\n    cursor: pointer;\n  }\n\n  .central-orb {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    position: relative;\n    z-index: 10;\n    box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  .central-orb.active {\n    animation: pulse 2s infinite;\n  }\n  \n  .central-orb.idle {\n    animation: floatOrb 4s ease-in-out infinite;\n    cursor: pointer;\n  }\n\n  .central-orb.idle:hover {\n    transform: scale(1.05);\n  }\n\n  .central-orb-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 140%;\n    height: 140%;\n    background: radial-gradient(circle, rgba(var(--primary-rgb), 0.2) 0%, transparent 70%);\n    animation: pulseGlowIdle 4s ease-in-out infinite;\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .central-orb svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .voice-status-text {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text);\n    margin-bottom: 8px;\n    text-align: center;\n  }\n\n  .voice-status-subtext {\n    font-size: 14px;\n    color: var(--text-muted);\n    text-align: center;\n  }\n\n  /* Chat Mode Styles */\n  .chat-messages {\n    flex: 1;\n    min-height: 0; /* Crucial for scrolling in flex column */\n    overflow-y: auto;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    background: #f9fafb; \n    \n    /* Scrollbar Styling */\n    scrollbar-width: thin;\n    scrollbar-color: rgba(156, 163, 175, 0.5) transparent;\n  }\n\n  .chat-messages::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .chat-messages::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .chat-messages::-webkit-scrollbar-thumb {\n    background-color: rgba(156, 163, 175, 0.5);\n    border-radius: 3px;\n  }\n\n  .chat-messages::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(107, 114, 128, 0.8);\n  }\n\n  .chat-message {\n    max-width: 85%;\n    padding: 12px 16px;\n    border-radius: 16px;\n    font-size: 14px;\n    line-height: 1.5;\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  }\n\n  .chat-message.user {\n    align-self: flex-end;\n    background: #000000;\n    color: white;\n    border-bottom-right-radius: 4px;\n  }\n\n  .chat-message.assistant {\n    align-self: flex-start;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    color: var(--text);\n    border-bottom-left-radius: 4px;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  }\n\n  .chat-input-area {\n    padding: 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    background: white;\n    z-index: 30;\n    position: relative;\n    border-bottom-left-radius: 28px;\n    border-bottom-right-radius: 28px;\n  }\n\n  .chat-input {\n    flex: 1;\n    padding: 14px 20px;\n    border: 1px solid #e5e7eb;\n    border-radius: 28px;\n    font-size: 15px;\n    outline: none;\n    transition: all 0.3s;\n    background: #f3f4f6;\n    color: #1f2937;\n  }\n\n  .chat-input:focus {\n    border-color: var(--primary);\n    background: white;\n    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);\n  }\n\n  .chat-send-btn {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: var(--primary);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n    flex-shrink: 0;\n  }\n\n  .chat-send-btn:hover {\n    transform: scale(1.05) rotate(-10deg);\n    background: var(--primary-hover);\n    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);\n  }\n\n  .chat-send-btn:active {\n    transform: scale(0.95);\n  }\n\n  .chat-send-btn svg {\n    width: 22px;\n    height: 22px;\n    color: white;\n    margin-left: 2px;\n  }\n\n  /* Avatar Container */\n  .avatar-container {\n    background: transparent;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  /* Avatar Video */\n  .avatar-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  /* Voice Button (Simple) in Chat */\n  .voice-btn-simple {\n    position: relative;\n    width: 44px; /* Matching send-btn size for symmetry */\n    height: 44px;\n    border-radius: 50%;\n    border: 1.5px solid #e5e7eb;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n    overflow: visible;\n    background: white;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  }\n\n  .voice-btn-simple:hover {\n    transform: scale(1.05);\n    background: #f9fafb;\n    border-color: #9ca3af;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n  }\n\n  .voice-btn-simple:active {\n    animation: clickBounce 0.4s ease-out;\n  }\n\n  .voice-btn-icon {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #4b5563;\n  }\n\n  .voice-btn-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke-width: 2px;\n  }\n\n  /* Utility Classes */\n  .absolute { position: absolute; }\n  .relative { position: relative; }\n  .rounded-full { border-radius: 9999px; }\n  .flex { display: flex; }\n  .items-center { align-items: center; }\n  .justify-center { justify-content: center; }\n  .w-full { width: 100%; }\n  .h-full { height: 100%; }\n  .z-50 { z-index: 50; }\n\n  .branding-footer {\n    display: flex;\n    justify-content: center;\n    padding: 4px 0 8px 0;\n    background-color: #f9fafb;\n    font-size: 10px;\n    color: #9ca3af;\n    font-weight: 500;\n    letter-spacing: 0.025em;\n  }\n\n  .branding-footer b {\n    color: #3b82f6;\n    font-weight: 700;\n    margin-left: 4px;\n  }\n\n  @media (max-width: 640px) {\n    .widget-panel {\n      width: 100vw !important;\n      height: 100vh !important;\n      max-width: 100vw !important;\n      max-height: 100vh !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      border-radius: 0 !important;\n      margin: 0 !important;\n    }\n\n    .widget-fab {\n       width: 56px;\n       height: 56px;\n       bottom: 16px !important;\n       right: 16px !important;\n    }\n\n    :host(.vanira-panel-open) .widget-fab {\n      display: none !important;\n    }\n\n    .close-btn.maximize-btn {\n      display: none !important;\n    }\n\n    .widget-header {\n      padding: 12px 16px;\n    }\n\n    .widget-title {\n      font-size: 16px;\n    }\n\n    .chat-input-area {\n      padding: 12px;\n      padding-bottom: env(safe-area-inset-bottom, 12px);\n    }\n  }\n";
+export declare const widgetStyles = "\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    box-sizing: border-box;\n    overflow: visible !important;\n    contain: none !important;\n    \n    /* Default Theme Variables */\n    --primary: #6366f1;\n    --primary-hover: #4f46e5;\n    --primary-rgb: 99, 102, 241;\n    --secondary: #4f46e5;\n    --secondary-rgb: 79, 70, 229;\n    --bg: #ffffff;\n    --text: #1f2937;\n    --text-muted: #6b7280;\n    --border: #e5e7eb;\n    --shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);\n  }\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n  \n  @keyframes fadeInScale {\n    from { opacity: 0; transform: scale(0.8); }\n    to { opacity: 1; transform: scale(1); }\n  }\n\n  @keyframes pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n  }\n\n  @keyframes wave {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-4px); }\n  }\n\n  @keyframes wave-rotate-1 {\n    0% { transform: rotate(0deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n    25% { transform: rotate(90deg) scale(1.02); border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }\n    50% { transform: rotate(180deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n    75% { transform: rotate(270deg) scale(0.98); border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%; }\n    100% { transform: rotate(360deg) scale(1); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n  }\n\n  @keyframes wave-rotate-2 {\n    0% { transform: rotate(60deg) scale(1.02); border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }\n    33% { transform: rotate(180deg) scale(0.98); border-radius: 60% 40% 40% 60% / 40% 60% 40% 60%; }\n    66% { transform: rotate(300deg) scale(1.02); border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%; }\n    100% { transform: rotate(420deg) scale(1.02); border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }\n  }\n\n  @keyframes wave-rotate-3 {\n    0% { transform: rotate(120deg) scale(1); border-radius: 50% 50% 50% 50%; }\n    50% { transform: rotate(300deg) scale(1.05); border-radius: 40% 60% 50% 50% / 50% 50% 60% 40%; }\n    100% { transform: rotate(480deg) scale(1); border-radius: 50% 50% 50% 50%; }\n  }\n\n  @keyframes clickBounce {\n    0% { transform: scale(1); }\n    25% { transform: scale(0.9) rotate(-5deg); }\n    50% { transform: scale(1.15) rotate(5deg); }\n    75% { transform: scale(0.95) rotate(-2deg); }\n    100% { transform: scale(1) rotate(0deg); }\n  }\n\n  @keyframes pulseGlow {\n    0%, 100% { box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4); }\n    50% { box-shadow: 0 4px 24px rgba(239, 68, 68, 0.6), 0 0 32px rgba(239, 68, 68, 0.3); }\n  }\n\n  @keyframes typingBounce {\n    0%, 80%, 100% { transform: translateY(0); }\n    40% { transform: translateY(-6px); }\n  }\n\n  @keyframes floatOrb {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n\n  @keyframes pulseGlowIdle {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }\n    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.2; }\n  }\n\n  @keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes voice-bars-orb {\n    0%, 100% { transform: scaleY(1); opacity: 0.7; }\n    50% { transform: scaleY(1.8); opacity: 1; }\n  }\n\n\n  .widget-fab {\n    position: fixed;\n    z-index: 9999;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--shadow);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    animation: fadeInScale 0.4s ease-out;\n  }\n\n  .widget-fab:hover {\n    transform: scale(1.1);\n    box-shadow: var(--shadow-lg);\n  }\n\n  .widget-fab:active {\n    transform: scale(0.95);\n  }\n\n  .widget-fab svg {\n    width: 28px;\n    height: 28px;\n    color: white;\n  }\n\n  .widget-panel {\n    position: fixed;\n    z-index: 10000; /* Higher than FAB */\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid #d1d5db; /* Solid light gray border for better differentiation */\n    border-radius: 28px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    \n    /* Default Dimensions */\n    width: 400px;\n    height: 600px;\n    max-height: 90vh;\n    max-width: 95vw;\n  }\n\n  .widget-panel.maximized {\n    width: 90vw !important;\n    height: 90vh !important;\n    top: 5vh !important;\n    left: 5vw !important;\n    right: 5vw !important;\n    bottom: 5vh !important;\n    margin: auto;\n  }\n\n  .widget-panel.maximized {\n    width: 800px;\n    max-width: calc(100vw - 40px);\n    height: 80vh;\n  }\n\n  .widget-body {\n    padding: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  .widget-panel.hidden {\n    opacity: 0;\n    pointer-events: none;\n    transform: translateY(20px) scale(0.95);\n  }\n/* ... rest of the content is redundant if I use replace or overwrite, but I will overwrite to include everything properly */\n  .widget-header {\n    background: #1f2937;\n    color: white;\n    padding: 14px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .widget-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0;\n    letter-spacing: 0.3px;\n  }\n\n  .close-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.2s;\n    backdrop-filter: blur(10px);\n  }\n\n  .close-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n    transform: scale(1.1);\n  }\n\n  .close-btn.maximize-btn {\n    display: flex;\n  }\n\n  .close-btn svg {\n    width: 18px;\n    height: 18px;\n    color: white;\n    flex-shrink: 0;\n  }\n\n  .widget-body {\n    padding: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .status-indicator {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: #f9fafb;\n    border-radius: 12px;\n    margin-bottom: 20px;\n  }\n\n  .status-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #10b981;\n    animation: pulse 2s infinite;\n  }\n\n  .status-text {\n    font-size: 14px;\n    color: var(--text-muted);\n    margin: 0;\n  }\n\n  .controls {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n  }\n\n  .control-btn {\n    flex: 1;\n    padding: 14px 20px;\n    border: none;\n    border-radius: 12px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .control-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .control-btn.primary {\n    background: #1f2937;\n    color: white;\n  }\n\n  .control-btn.primary:hover {\n    background: #374151;\n  }\n\n  .control-btn.danger {\n    background: #ef4444;\n    color: white;\n  }\n\n  .control-btn.danger:hover {\n    background: #dc2626;\n  }\n\n  .voice-mode-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding-bottom: 0;\n  }\n\n  .central-orb-container {\n    position: relative;\n    width: 120px;\n    height: 120px;\n    margin-bottom: 32px;\n    cursor: pointer;\n  }\n\n  .central-orb {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    position: relative;\n    z-index: 10;\n    box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  .central-orb.active {\n    animation: pulse 2s infinite;\n  }\n  \n  .central-orb.idle {\n    animation: floatOrb 4s ease-in-out infinite;\n    cursor: pointer;\n  }\n\n  .central-orb.idle:hover {\n    transform: scale(1.05);\n  }\n\n  .central-orb-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 140%;\n    height: 140%;\n    background: radial-gradient(circle, rgba(var(--primary-rgb), 0.2) 0%, transparent 70%);\n    animation: pulseGlowIdle 4s ease-in-out infinite;\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .central-orb svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .voice-status-text {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text);\n    margin-bottom: 8px;\n    text-align: center;\n  }\n\n  .voice-status-subtext {\n    font-size: 14px;\n    color: var(--text-muted);\n    text-align: center;\n  }\n\n  /* Chat Mode Styles */\n  .chat-messages {\n    flex: 1;\n    min-height: 0; /* Crucial for scrolling in flex column */\n    overflow-y: auto;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    background: #f9fafb; \n    \n    /* Scrollbar Styling */\n    scrollbar-width: thin;\n    scrollbar-color: rgba(156, 163, 175, 0.5) transparent;\n  }\n\n  .chat-messages::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .chat-messages::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .chat-messages::-webkit-scrollbar-thumb {\n    background-color: rgba(156, 163, 175, 0.5);\n    border-radius: 3px;\n  }\n\n  .chat-messages::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(107, 114, 128, 0.8);\n  }\n\n  .chat-message {\n    max-width: 85%;\n    padding: 12px 16px;\n    border-radius: 16px;\n    font-size: 14px;\n    line-height: 1.5;\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  }\n\n  .chat-message.user {\n    align-self: flex-end;\n    background: #000000;\n    color: white;\n    border-bottom-right-radius: 4px;\n  }\n\n  .chat-message.assistant {\n    align-self: flex-start;\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    color: var(--text);\n    border-bottom-left-radius: 4px;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  }\n\n  .chat-input-area {\n    padding: 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    background: white;\n    z-index: 30;\n    position: relative;\n    border-bottom-left-radius: 28px;\n    border-bottom-right-radius: 28px;\n  }\n\n  .chat-input {\n    flex: 1;\n    padding: 14px 20px;\n    border: 1px solid #e5e7eb;\n    border-radius: 28px;\n    font-size: 15px;\n    outline: none;\n    transition: all 0.3s;\n    background: #f3f4f6;\n    color: #1f2937;\n  }\n\n  .chat-input:focus {\n    border-color: var(--primary);\n    background: white;\n    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);\n  }\n\n  .chat-send-btn {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: var(--primary);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n    flex-shrink: 0;\n  }\n\n  .chat-send-btn:hover {\n    transform: scale(1.05) rotate(-10deg);\n    background: var(--primary-hover);\n    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);\n  }\n\n  .chat-send-btn:active {\n    transform: scale(0.95);\n  }\n\n  .chat-send-btn svg {\n    width: 22px;\n    height: 22px;\n    color: white;\n    margin-left: 2px;\n  }\n\n  /* Avatar Container */\n  .avatar-container {\n    background: transparent;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  /* Avatar Video */\n  .avatar-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  /* Voice Button (Simple) in Chat */\n  .voice-btn-simple {\n    position: relative;\n    width: 44px; /* Matching send-btn size for symmetry */\n    height: 44px;\n    border-radius: 50%;\n    border: 1.5px solid #e5e7eb;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n    overflow: visible;\n    background: white;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  }\n\n  .voice-btn-simple:hover {\n    transform: scale(1.05);\n    background: #f9fafb;\n    border-color: #9ca3af;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n  }\n\n  .voice-btn-simple:active {\n    animation: clickBounce 0.4s ease-out;\n  }\n\n  .voice-btn-icon {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #4b5563;\n  }\n\n  .voice-btn-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke-width: 2px;\n  }\n\n  /* Utility Classes */\n  .absolute { position: absolute; }\n  .relative { position: relative; }\n  .rounded-full { border-radius: 9999px; }\n  .flex { display: flex; }\n  .items-center { align-items: center; }\n  .justify-center { justify-content: center; }\n  .w-full { width: 100%; }\n  .h-full { height: 100%; }\n  .z-50 { z-index: 50; }\n\n  .branding-footer {\n    display: flex;\n    justify-content: center;\n    padding: 4px 0 8px 0;\n    background-color: #f9fafb;\n    font-size: 10px;\n    color: #9ca3af;\n    font-weight: 500;\n    letter-spacing: 0.025em;\n  }\n\n  .branding-footer b {\n    color: #3b82f6;\n    font-weight: 700;\n    margin-left: 4px;\n  }\n\n  @media (max-width: 640px) {\n    .widget-panel {\n      width: 100vw !important;\n      height: 100vh !important;\n      max-width: 100vw !important;\n      max-height: 100vh !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      border-radius: 0 !important;\n      margin: 0 !important;\n    }\n\n    .widget-fab {\n       width: 56px;\n       height: 56px;\n       bottom: 16px !important;\n       right: 16px !important;\n    }\n\n    :host(.vanira-panel-open) .widget-fab {\n      display: none !important;\n    }\n\n    .close-btn.maximize-btn {\n      display: none !important;\n    }\n\n    .widget-header {\n      padding: 12px 16px;\n    }\n\n    .widget-title {\n      font-size: 16px;\n    }\n\n    .chat-input-area {\n      padding: 12px;\n      padding-bottom: env(safe-area-inset-bottom, 12px);\n    }\n  }\n";

package/dist/vanira-sdk.es.js

@@ -51,6 +51,8 @@
     display: block;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     box-sizing: border-box;
+    overflow: visible !important;
+    contain: none !important;
     
     /* Default Theme Variables */
     --primary: #6366f1;
@@ -1168,7 +1170,7 @@ overflow: hidden;
             <div style="position: absolute; bottom: -2px; right: -2px; background: white; border-radius: 50%; padding: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);">
                 ${p.audioLines.replace('width="24"','width="12"').replace('height="24"','height="12"')}
             </div>
-        `;const e=t.querySelector("div");if(e){const n=e.querySelector("svg");n&&(n.style.width="12px",n.style.height="12px")}t.onclick=()=>this.onStartCall();const i=this.chatWindow.getElement().querySelector(".chat-input-area"),s=i==null?void 0:i.querySelector(".chat-send-btn");i&&s?i.insertBefore(this.voiceTrigger,s):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:i,sendBtn:s})}}class Ae{async sendMessage(t,e,i,s,n,a,r,l){return y.sendChatMessage(e,i,t,s,A=>{a&&a(A)},n,A=>{r&&A&&r(A)},l)}async sendFile(t){throw console.warn("sendFile not implemented for VaniraChatAdapter yet - Incompatible function adapted",t),new Error("Method not implemented.")}async likeDislike(t,e){console.warn("likeDislike not implemented for VaniraChatAdapter yet - Incompatible function adapted",t,e)}}const b=class b extends ${constructor(e){super(e);o(this,"vaniraClient",null);o(this,"currentView",null);o(this,"isPanelOpen",!1);o(this,"callActive",!1);o(this,"eventSource",null);o(this,"floatingButton",null);o(this,"floatingWelcomeChips",null);o(this,"panel",null);o(this,"welcomeChipsData",[]);o(this,"chatAdapter");o(this,"sessionManager",null);o(this,"sessionActive",!1);o(this,"widgetMode","voice_only");o(this,"agentId","");o(this,"prospectGroupId","");o(this,"chatServerUrl","");o(this,"prospectId","");o(this,"chatId",null);o(this,"widgetId","");o(this,"primaryColor","#6366f1");o(this,"secondaryColor","#4f46e5");o(this,"gradient",null);o(this,"position","bottom-right");o(this,"widgetIcon",null);o(this,"chatWelcomeMessage",null);this.chatAdapter=new Ae,this.processConfig(e)}initSessionManager(){const e=this.widgetId||this.agentId||"default";this.sessionManager=new k(e),this.sessionManager.on("tab_took_over",()=>{console.warn("[VaniraAI] Session taken over by another tab."),this.sessionActive=!1,this.showTabConflictBanner("taken_over")}),this.sessionManager.on("session_cleared",()=>{console.log("[VaniraAI] Session cleared externally.")});const i=this.sessionManager.claimSession();return this.sessionActive=i,i}restoreSessionMessages(){var l,A,c;const e=(l=this.sessionManager)==null?void 0:l.getSession();if(!e)return;const i=(c=(A=this.currentView)==null?void 0:A.getChatWindow)==null?void 0:c.call(A);if(!i)return;const s=e.messages.filter(d=>d.content.trim()!==""),n=`vanira_calls_${this.widgetId||this.agentId}`,a=JSON.parse(localStorage.getItem(n)||"[]");if(s.length===0&&a.length===0)return;i.clearMessages();const r=[...s.map((d,g)=>({type:"msg",role:d.role,content:d.content,ts:d.timestamp??g})),...a.map(d=>({type:"call",durationMs:d.durationMs,startedAt:d.startedAt,ts:d.startedAt}))];r.sort((d,g)=>d.ts-g.ts),r.forEach(d=>{d.type==="msg"?i.addMessage(d.role,d.content,d.ts):i.addCallRecord(d.durationMs,d.startedAt)}),console.log(`[VaniraAI] Restored ${s.length} messages + ${a.length} call records from session.`)}showTabConflictBanner(e){var i,s;this.root&&((i=this.root.querySelector(".vanira-tab-conflict-banner"))==null||i.remove(),e==="conflict"&&((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&this.initializeChatSession(!1)))}playMessageSound(e){try{if(!b.audioContext){const r=window.AudioContext||window.webkitAudioContext;if(!r)return;b.audioContext=new r}const i=b.audioContext;i.state==="suspended"&&i.resume().catch(()=>{});const s=i.createOscillator(),n=i.createGain();s.connect(n),n.connect(i.destination);const a=i.currentTime;e==="send"?(s.type="sine",s.frequency.setValueAtTime(300,a),s.frequency.exponentialRampToValueAtTime(500,a+.05),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.1,a+.01),n.gain.exponentialRampToValueAtTime(.001,a+.1),s.start(a),s.stop(a+.1)):(s.type="sine",s.frequency.setValueAtTime(500,a),s.frequency.exponentialRampToValueAtTime(800,a+.1),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.15,a+.02),n.gain.exponentialRampToValueAtTime(.001,a+.2),s.start(a),s.stop(a+.2))}catch(i){console.warn("[VaniraAI] Audio feedback failed",i)}}handleWelcomePayload(e,i="assistant"){var a,r,l,A,c,d;if(!e||this.widgetMode==="voice_only")return;e.buttons&&Array.isArray(e.buttons)?this.welcomeChipsData=e.buttons:((a=e.widget)==null?void 0:a.type)==="button_list"&&((r=e.widget.data)!=null&&r.buttons)&&(this.welcomeChipsData=e.widget.data.buttons),this.updateWelcomeChipsVisibility();const s=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l),n=e.text||e.response||"";if(console.log("[VaniraAI] Processing Welcome Payload:",{hasText:!!n,chipsCount:this.welcomeChipsData.length,hasChatWindow:!!s,mode:this.widgetMode}),s){if(!n&&this.welcomeChipsData.length===0)return;const g=(c=this.sessionManager)==null?void 0:c.getSession();(g==null?void 0:g.messages.some(f=>f.content===n&&f.role===i))||(n&&(s.addMessage(i,n),(d=this.sessionManager)==null||d.pushMessage(i,n)),this.welcomeChipsData.length>0&&s.addButtons(this.welcomeChipsData))}}async initializeChatSession(e=!1){var i,s,n,a,r,l;if(this.sessionActive)try{y.setChatUrl(this.chatServerUrl);const A=(i=this.sessionManager)==null?void 0:i.getSession();if(!e&&(A!=null&&A.prospectId)){this.prospectId=A.prospectId,this.chatId=A.chatId,console.log(`[VaniraAI] Session restored — tab: ${(s=this.sessionManager)==null?void 0:s.getTabId()}, prospect: ${this.prospectId}`),this.restoreSessionMessages(),this.chatId&&!this.eventSource&&(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,f;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(f=this.sessionManager)==null||f.pushMessage("assistant",d),this.playMessageSound("receive")}));return}this.prospectGroupId?this.prospectId=await y.createChatProspect(this.prospectGroupId):this.prospectId=`anon_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;const c=await y.fetchWelcomeMessage(this.agentId,this.prospectId,this.widgetId||void 0);c!=null&&c.chatId&&!this.chatId&&(this.chatId=c.chatId,this.eventSource||(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,f;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(f=this.sessionManager)==null||f.pushMessage("assistant",d),this.playMessageSound("receive")}))),(n=this.sessionManager)==null||n.saveIds(this.prospectId,this.chatId)}catch(A){console.error("[VaniraAI] Chat init failed",A);const c="Hello! How can I help you today?";(r=(a=this.currentView)==null?void 0:a.getChatWindow)==null||r.call(a).addMessage("assistant",c),(l=this.sessionManager)==null||l.pushMessage("assistant",c)}}async initialize(e){await super.initialize(e),this.processConfig(e),this.root&&this.ui_renderer(this.root)}processConfig(e){var i,s;if(this.widgetId=e.widgetId||e.widget_id||"",this.agentId=e.agentId||e.agent_id||"",this.prospectGroupId=e.prospectGroupId||((i=e.client)==null?void 0:i.base_prospect_group_id)||"",this.widgetMode=e.widgetMode||e.mode||"voice_only",this.widgetId=e.widgetId||e.widget_id||"",this.primaryColor=e.primaryColor||e.primary_color||"#6366f1",this.secondaryColor=e.secondaryColor||e.secondary_color||"#a855f7",this.gradient=e.gradient||null,this.position=e.position||"bottom-right",this.widgetIcon=e.widgetIcon||e.icon||null,this.chatWelcomeMessage=e.chatWelcomeMessage||e.chat_welcome_message||((s=e.agent)==null?void 0:s.chat_welcome_message)||null,console.log("[VaniraAI] processConfig:",{hasPrimary:!!this.primaryColor,hasSecondary:!!this.secondaryColor,hasWelcome:!!this.chatWelcomeMessage}),typeof this.chatWelcomeMessage=="string")try{this.chatWelcomeMessage=JSON.parse(this.chatWelcomeMessage)}catch(n){console.warn("[VaniraAI] Failed to parse chatWelcomeMessage string",n)}this.chatServerUrl=e.serverUrl||e.chatServerUrl||"https://inboxapi.travelr.club"}async create_call(){var e;if(!(this.callActive||!this.agentId)){this.sessionActive||((e=this.sessionManager)==null||e.forceClaimSession(),this.sessionActive=!0);try{this.callActive=!0,this.updateViewCallState(!0),this.updateViewStatus("connecting");const i=await y.createCall(this.agentId,null,this.prospectId||null,this.widgetMode),s=new Y({agentId:this.agentId,callId:i.callId,serverUrl:i.workerUrl});s.on("connected",()=>this.updateViewStatus("connected")).on("disconnected",()=>this.end_call()).on("error",n=>{console.error("[VaniraAI Widget] Call error:",n),this.updateViewStatus("error")}).on("transcription",({text:n,isFinal:a})=>{var r,l;(l=(r=this.currentView)==null?void 0:r.setTranscription)==null||l.call(r,n,a)}).on("track",({track:n})=>{var a;this.widgetMode.includes("avatar")&&n.kind==="video"&&((a=this.currentView)!=null&&a.setVideoTrack)&&this.currentView.setVideoTrack(n)}).on("tool_call",n=>{var r,l;const a=new CustomEvent("vaniraai:tool_call",{detail:n,bubbles:!0,composed:!0});(l=(r=this.root)==null?void 0:r.host)==null||l.dispatchEvent(a),console.log("[VaniraAI Widget] Tool call dispatched:",n.name,n.arguments),n.execution_mode}),this.vaniraClient=s,await s.start()}catch(i){console.error("[VaniraAI Widget] Call failed",i),this.updateViewStatus("error")}}}end_call(){this.callActive=!1;const e=this.vaniraClient;this.vaniraClient=null,e&&e.stop(),this.updateViewCallState(!1)}updateViewCallState(e){var i;(i=this.currentView)!=null&&i.setCallActive&&this.currentView.setCallActive(e)}updateViewStatus(e){var i;(i=this.currentView)!=null&&i.setStatus&&this.currentView.setStatus(e)}ui_renderer(e){this.root=e,this.root.innerHTML="";const i=document.createElement("style");i.textContent=`@keyframes vanira-slide-up {
+        `;const e=t.querySelector("div");if(e){const n=e.querySelector("svg");n&&(n.style.width="12px",n.style.height="12px")}t.onclick=()=>this.onStartCall();const i=this.chatWindow.getElement().querySelector(".chat-input-area"),s=i==null?void 0:i.querySelector(".chat-send-btn");i&&s?i.insertBefore(this.voiceTrigger,s):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:i,sendBtn:s})}}class Ae{async sendMessage(t,e,i,s,n,a,r,l){return y.sendChatMessage(e,i,t,s,A=>{a&&a(A)},n,A=>{r&&A&&r(A)},l)}async sendFile(t){throw console.warn("sendFile not implemented for VaniraChatAdapter yet - Incompatible function adapted",t),new Error("Method not implemented.")}async likeDislike(t,e){console.warn("likeDislike not implemented for VaniraChatAdapter yet - Incompatible function adapted",t,e)}}const b=class b extends ${constructor(e){super(e);o(this,"vaniraClient",null);o(this,"currentView",null);o(this,"isPanelOpen",!1);o(this,"callActive",!1);o(this,"eventSource",null);o(this,"floatingButton",null);o(this,"floatingWelcomeChips",null);o(this,"panel",null);o(this,"welcomeChipsData",[]);o(this,"chatAdapter");o(this,"sessionManager",null);o(this,"sessionActive",!1);o(this,"widgetMode","voice_only");o(this,"agentId","");o(this,"prospectGroupId","");o(this,"chatServerUrl","");o(this,"prospectId","");o(this,"chatId",null);o(this,"widgetId","");o(this,"primaryColor","#6366f1");o(this,"secondaryColor","#4f46e5");o(this,"gradient",null);o(this,"position","bottom-right");o(this,"widgetIcon",null);o(this,"chatWelcomeMessage",null);this.chatAdapter=new Ae,this.processConfig(e)}initSessionManager(){const e=this.widgetId||this.agentId||"default";this.sessionManager=new k(e),this.sessionManager.on("tab_took_over",()=>{console.warn("[VaniraAI] Session taken over by another tab."),this.sessionActive=!1,this.showTabConflictBanner("taken_over")}),this.sessionManager.on("session_cleared",()=>{console.log("[VaniraAI] Session cleared externally.")});const i=this.sessionManager.claimSession();return this.sessionActive=i,i}restoreSessionMessages(){var l,A,c;const e=(l=this.sessionManager)==null?void 0:l.getSession();if(!e)return;const i=(c=(A=this.currentView)==null?void 0:A.getChatWindow)==null?void 0:c.call(A);if(!i)return;const s=e.messages.filter(d=>d.content.trim()!==""),n=`vanira_calls_${this.widgetId||this.agentId}`,a=JSON.parse(localStorage.getItem(n)||"[]");if(s.length===0&&a.length===0)return;i.clearMessages();const r=[...s.map((d,g)=>({type:"msg",role:d.role,content:d.content,ts:d.timestamp??g})),...a.map(d=>({type:"call",durationMs:d.durationMs,startedAt:d.startedAt,ts:d.startedAt}))];r.sort((d,g)=>d.ts-g.ts),r.forEach(d=>{d.type==="msg"?i.addMessage(d.role,d.content,d.ts):i.addCallRecord(d.durationMs,d.startedAt)}),console.log(`[VaniraAI] Restored ${s.length} messages + ${a.length} call records from session.`)}showTabConflictBanner(e){var i,s;this.root&&((i=this.root.querySelector(".vanira-tab-conflict-banner"))==null||i.remove(),e==="conflict"&&((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&this.initializeChatSession(!1)))}playMessageSound(e){try{if(!b.audioContext){const r=window.AudioContext||window.webkitAudioContext;if(!r)return;b.audioContext=new r}const i=b.audioContext;i.state==="suspended"&&i.resume().catch(()=>{});const s=i.createOscillator(),n=i.createGain();s.connect(n),n.connect(i.destination);const a=i.currentTime;e==="send"?(s.type="sine",s.frequency.setValueAtTime(300,a),s.frequency.exponentialRampToValueAtTime(500,a+.05),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.1,a+.01),n.gain.exponentialRampToValueAtTime(.001,a+.1),s.start(a),s.stop(a+.1)):(s.type="sine",s.frequency.setValueAtTime(500,a),s.frequency.exponentialRampToValueAtTime(800,a+.1),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.15,a+.02),n.gain.exponentialRampToValueAtTime(.001,a+.2),s.start(a),s.stop(a+.2))}catch(i){console.warn("[VaniraAI] Audio feedback failed",i)}}handleWelcomePayload(e,i="assistant"){var a,r,l,A,c,d;if(!e||this.widgetMode==="voice_only")return;e.buttons&&Array.isArray(e.buttons)?this.welcomeChipsData=e.buttons:((a=e.widget)==null?void 0:a.type)==="button_list"&&((r=e.widget.data)!=null&&r.buttons)&&(this.welcomeChipsData=e.widget.data.buttons),this.updateWelcomeChipsVisibility();const s=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l),n=e.text||e.response||"";if(console.log("[VaniraAI] Processing Welcome Payload:",{hasText:!!n,chipsCount:this.welcomeChipsData.length,hasChatWindow:!!s,mode:this.widgetMode}),s){if(!n&&this.welcomeChipsData.length===0)return;const g=(c=this.sessionManager)==null?void 0:c.getSession();(g==null?void 0:g.messages.some(f=>f.content===n&&f.role===i))||(n&&(s.addMessage(i,n),(d=this.sessionManager)==null||d.pushMessage(i,n)),this.welcomeChipsData.length>0&&s.addButtons(this.welcomeChipsData))}}async initializeChatSession(e=!1){var i,s,n,a,r,l;if(this.sessionActive)try{y.setChatUrl(this.chatServerUrl);const A=(i=this.sessionManager)==null?void 0:i.getSession();if(!e&&(A!=null&&A.prospectId)){this.prospectId=A.prospectId,this.chatId=A.chatId,console.log(`[VaniraAI] Session restored — tab: ${(s=this.sessionManager)==null?void 0:s.getTabId()}, prospect: ${this.prospectId}`),this.restoreSessionMessages(),this.chatId&&!this.eventSource&&(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,f;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(f=this.sessionManager)==null||f.pushMessage("assistant",d),this.playMessageSound("receive")}));return}this.prospectGroupId?this.prospectId=await y.createChatProspect(this.prospectGroupId):this.prospectId=`anon_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;const c=await y.fetchWelcomeMessage(this.agentId,this.prospectId,this.widgetId||void 0);c!=null&&c.chatId&&!this.chatId&&(this.chatId=c.chatId,this.eventSource||(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,f;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(f=this.sessionManager)==null||f.pushMessage("assistant",d),this.playMessageSound("receive")}))),(n=this.sessionManager)==null||n.saveIds(this.prospectId,this.chatId)}catch(A){console.error("[VaniraAI] Chat init failed",A);const c="Hello! How can I help you today?";(r=(a=this.currentView)==null?void 0:a.getChatWindow)==null||r.call(a).addMessage("assistant",c),(l=this.sessionManager)==null||l.pushMessage("assistant",c)}}async initialize(e){await super.initialize(e),this.processConfig(e),this.root&&this.ui_renderer(this.root)}processConfig(e){var i,s;if(this.widgetId=e.widgetId||e.widget_id||"",this.agentId=e.agentId||e.agent_id||"",this.prospectGroupId=e.prospectGroupId||((i=e.client)==null?void 0:i.base_prospect_group_id)||"",this.widgetMode=e.widgetMode||e.mode||"voice_only",this.widgetId=e.widgetId||e.widget_id||"",this.primaryColor=e.primaryColor||e.primary_color||"#6366f1",this.secondaryColor=e.secondaryColor||e.secondary_color||"#a855f7",this.gradient=e.gradient||null,this.position=e.position||"bottom-right",this.widgetIcon=e.widgetIcon||e.icon||null,this.chatWelcomeMessage=e.chatWelcomeMessage||e.chat_welcome_message||((s=e.agent)==null?void 0:s.chat_welcome_message)||null,console.log("[VaniraAI] processConfig:",{hasPrimary:!!this.primaryColor,hasSecondary:!!this.secondaryColor,hasWelcome:!!this.chatWelcomeMessage}),typeof this.chatWelcomeMessage=="string")try{this.chatWelcomeMessage=JSON.parse(this.chatWelcomeMessage)}catch(n){console.warn("[VaniraAI] Failed to parse chatWelcomeMessage string",n)}this.chatServerUrl=e.serverUrl||e.chatServerUrl||"https://inboxapi.travelr.club",this.updateWelcomeChipsVisibility()}async create_call(){var e;if(!(this.callActive||!this.agentId)){this.sessionActive||((e=this.sessionManager)==null||e.forceClaimSession(),this.sessionActive=!0);try{this.callActive=!0,this.updateViewCallState(!0),this.updateViewStatus("connecting");const i=await y.createCall(this.agentId,null,this.prospectId||null,this.widgetMode),s=new Y({agentId:this.agentId,callId:i.callId,serverUrl:i.workerUrl});s.on("connected",()=>this.updateViewStatus("connected")).on("disconnected",()=>this.end_call()).on("error",n=>{console.error("[VaniraAI Widget] Call error:",n),this.updateViewStatus("error")}).on("transcription",({text:n,isFinal:a})=>{var r,l;(l=(r=this.currentView)==null?void 0:r.setTranscription)==null||l.call(r,n,a)}).on("track",({track:n})=>{var a;this.widgetMode.includes("avatar")&&n.kind==="video"&&((a=this.currentView)!=null&&a.setVideoTrack)&&this.currentView.setVideoTrack(n)}).on("tool_call",n=>{var r,l;const a=new CustomEvent("vaniraai:tool_call",{detail:n,bubbles:!0,composed:!0});(l=(r=this.root)==null?void 0:r.host)==null||l.dispatchEvent(a),console.log("[VaniraAI Widget] Tool call dispatched:",n.name,n.arguments),n.execution_mode}),this.vaniraClient=s,await s.start()}catch(i){console.error("[VaniraAI Widget] Call failed",i),this.updateViewStatus("error")}}}end_call(){this.callActive=!1;const e=this.vaniraClient;this.vaniraClient=null,e&&e.stop(),this.updateViewCallState(!1)}updateViewCallState(e){var i;(i=this.currentView)!=null&&i.setCallActive&&this.currentView.setCallActive(e)}updateViewStatus(e){var i;(i=this.currentView)!=null&&i.setStatus&&this.currentView.setStatus(e)}ui_renderer(e){this.root=e,this.root.innerHTML="";const i=document.createElement("style");i.textContent=`@keyframes vanira-slide-up {
             from { opacity:0; transform:translateY(16px); }
             to   { opacity:1; transform:translateY(0);    }
         }`,this.root.appendChild(i);const s=document.createElement("style");s.textContent=`
@@ -1178,4 +1180,4 @@ overflow: hidden;
             ${U.styles}
             ${N.styles}
             ${this.gradient?`.widget-fab { background: ${this.gradient} !important; }`:""}
-        `,this.root.appendChild(s),this.floatingButton=new j(()=>this.togglePanel()),this.floatingButton.setIcon(this.getFabIcon()),this.floatingButton.setPosition(this.getPosStyle()),this.floatingWelcomeChips=new U(a=>this.handleFloatingChipClick(a)),this.floatingWelcomeChips.setPosition(this.getPosStyle()),this.panel=new N(()=>this.closePanel(),this.getPanelTitle()),this.root.appendChild(this.floatingWelcomeChips.getElement()),this.root.appendChild(this.floatingButton.getElement()),this.root.appendChild(this.panel.getElement()),this.setupPanelContent(),this.chatWelcomeMessage&&this.handleWelcomePayload(this.chatWelcomeMessage),this.initSessionManager()?this.widgetMode.includes("chat")&&this.initializeChatSession():this.showTabConflictBanner("conflict")}getFabIcon(){return this.widgetIcon&&D[this.widgetIcon]?D[this.widgetIcon]:this.widgetMode.includes("chat")?p.chat:p.voice_orb}getPanelTitle(){return"Assistant"}getPosStyle(){const e={"bottom-right":"bottom: 24px; right: 24px;","bottom-left":"bottom: 24px; left: 24px;","top-right":"top: 24px; right: 24px;","top-left":"top: 24px; left: 24px;"};return e[this.position]||e["bottom-right"]}setupPanelContent(){const e=(i,s)=>{var l,A;const n=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l);n&&n.addCallRecord(i,s);const a=`vanira_calls_${this.widgetId||this.agentId}`,r=JSON.parse(localStorage.getItem(a)||"[]");r.push({durationMs:i,startedAt:s}),r.length>50&&r.splice(0,r.length-50),localStorage.setItem(a,JSON.stringify(r))};switch(this.widgetMode){case"chat_only":this.currentView=new oe(i=>this.handleChatSend(i));break;case"chat_voice":this.currentView=new ae(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"avatar_only":this.currentView=new re(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"chat_avatar":this.currentView=new le(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"voice_only":default:this.currentView=new ne(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break}this.currentView&&this.panel&&this.panel.setContent(this.currentView.getElement())}async handleChatSend(e){var s,n,a,r,l;if(!e)return;this.sessionActive||((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&await this.initializeChatSession(!1));const i=(a=(n=this.currentView)==null?void 0:n.getChatWindow)==null?void 0:a.call(n);if(i){this.chatId&&!this.eventSource&&(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,A=>{var c,d,g;(d=(c=this.currentView)==null?void 0:c.getChatWindow)==null||d.call(c).addMessage("assistant",A),(g=this.sessionManager)==null||g.pushMessage("assistant",A),this.playMessageSound("receive")})),i.addMessage("user",e),(r=this.sessionManager)==null||r.pushMessage("user",e),i.setTyping(!0),(l=this.sessionManager)==null||l.pushMessage("assistant","");try{let A=!1;await this.chatAdapter.sendMessage(e,this.agentId,this.prospectId,this.chatId,c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),(c==null?void 0:c.type)==="button_list"&&((d=c.data)!=null&&d.buttons)&&(i.addButtons(c.data.buttons),this.welcomeChipsData=c.data.buttons,this.updateWelcomeChipsVisibility())},c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),i.updateLastAssistantMessage(c),(d=this.sessionManager)==null||d.updateLastAssistantMessage(c)},c=>{var d;c&&(this.chatId=c,(d=this.sessionManager)==null||d.saveIds(this.prospectId,c))})}catch(A){i.setTyping(!1),console.error("[VaniraAI] Send message failed",A),i.addMessage("assistant","Error sending message.")}}}togglePanel(){this.isPanelOpen?this.closePanel():this.openPanel()}openPanel(){var e,i;this.isPanelOpen=!0,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.open({bottom:this.position.includes("bottom")?"100px":void 0,top:this.position.includes("top")?"100px":void 0,right:this.position.includes("right")?"24px":void 0,left:this.position.includes("left")?"24px":void 0}),(i=this.root)!=null&&i.host&&this.root.host.classList.add("vanira-panel-open")}closePanel(){var e,i;this.isPanelOpen=!1,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.close(),(i=this.root)!=null&&i.host&&this.root.host.classList.remove("vanira-panel-open")}updateWelcomeChipsVisibility(){this.floatingWelcomeChips&&(!this.isPanelOpen&&this.welcomeChipsData.length>0?(this.floatingWelcomeChips.setChips(this.welcomeChipsData),this.floatingWelcomeChips.getElement().style.display="flex"):this.floatingWelcomeChips.getElement().style.display="none")}handleFloatingChipClick(e){this.openPanel(),this.handleChatSend(e)}};o(b,"audioContext",null);let S=b;class ce{static getProvider(t){return new S(t)}}class de extends HTMLElement{constructor(){super();o(this,"shadow");o(this,"provider",null);o(this,"widgetId","");o(this,"agentId","");o(this,"serverUrl","https://inboxapi.travelr.club");o(this,"position","bottom-right");o(this,"primaryColor","#000000");o(this,"secondaryColor","#000000");o(this,"gradient",null);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","secondary-color","server-url","gradient"]}connectedCallback(){console.log("[VaniraAI Widget] Initializing..."),this.readAttributes();const e={widgetId:this.widgetId,agentId:this.agentId,serverUrl:this.serverUrl,position:this.position,primaryColor:this.primaryColor,secondaryColor:this.secondaryColor,gradient:this.gradient};this.provider=ce.getProvider(e),this.provider&&this.provider.ui_renderer(this.shadow),this.widgetId&&!this.agentId&&this.initializeExpandedConfig()}readAttributes(){this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://inboxapi.travelr.club",this.position=this.getAttribute("position")||"bottom-right",this.primaryColor=this.getAttribute("primary-color")||"#000000",this.secondaryColor=this.getAttribute("secondary-color")||this.primaryColor,this.gradient=this.getAttribute("gradient")}async initializeExpandedConfig(){try{const e=await H.fetchWidgetConfig(this.widgetId);this.provider&&await this.provider.initialize(e)}catch(e){console.error("[VaniraAI Widget] Config failed:",e)}}}u.ChatService=y,u.ConfigService=H,u.SessionManager=k,u.VaniraAI=Y,u.VaniraWidget=de,u.WebRTCClient=C,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+        `,this.root.appendChild(s),this.floatingButton=new j(()=>this.togglePanel()),this.floatingButton.setIcon(this.getFabIcon()),this.floatingButton.setPosition(this.getPosStyle()),this.floatingWelcomeChips=new U(a=>this.handleFloatingChipClick(a)),this.floatingWelcomeChips.setPosition(this.getPosStyle()),this.panel=new N(()=>this.closePanel(),this.getPanelTitle()),this.root.appendChild(this.floatingWelcomeChips.getElement()),this.root.appendChild(this.floatingButton.getElement()),this.root.appendChild(this.panel.getElement()),this.setupPanelContent(),this.chatWelcomeMessage&&this.handleWelcomePayload(this.chatWelcomeMessage),this.initSessionManager()?this.widgetMode.includes("chat")&&this.initializeChatSession():this.showTabConflictBanner("conflict")}getFabIcon(){return this.widgetIcon&&D[this.widgetIcon]?D[this.widgetIcon]:this.widgetMode.includes("chat")?p.chat:p.voice_orb}getPanelTitle(){return"Assistant"}getPosStyle(){const e={"bottom-right":"bottom: 24px; right: 24px;","bottom-left":"bottom: 24px; left: 24px;","top-right":"top: 24px; right: 24px;","top-left":"top: 24px; left: 24px;"};return e[this.position]||e["bottom-right"]}setupPanelContent(){const e=(i,s)=>{var l,A;const n=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l);n&&n.addCallRecord(i,s);const a=`vanira_calls_${this.widgetId||this.agentId}`,r=JSON.parse(localStorage.getItem(a)||"[]");r.push({durationMs:i,startedAt:s}),r.length>50&&r.splice(0,r.length-50),localStorage.setItem(a,JSON.stringify(r))};switch(this.widgetMode){case"chat_only":this.currentView=new oe(i=>this.handleChatSend(i));break;case"chat_voice":this.currentView=new ae(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"avatar_only":this.currentView=new re(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"chat_avatar":this.currentView=new le(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"voice_only":default:this.currentView=new ne(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break}this.currentView&&this.panel&&this.panel.setContent(this.currentView.getElement())}async handleChatSend(e){var s,n,a,r,l;if(!e)return;this.sessionActive||((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&await this.initializeChatSession(!1));const i=(a=(n=this.currentView)==null?void 0:n.getChatWindow)==null?void 0:a.call(n);if(i){this.chatId&&!this.eventSource&&(this.eventSource=y.listenForAdminReplies(this.chatId,this.prospectId,A=>{var c,d,g;(d=(c=this.currentView)==null?void 0:c.getChatWindow)==null||d.call(c).addMessage("assistant",A),(g=this.sessionManager)==null||g.pushMessage("assistant",A),this.playMessageSound("receive")})),i.addMessage("user",e),(r=this.sessionManager)==null||r.pushMessage("user",e),i.setTyping(!0),(l=this.sessionManager)==null||l.pushMessage("assistant","");try{let A=!1;await this.chatAdapter.sendMessage(e,this.agentId,this.prospectId,this.chatId,c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),(c==null?void 0:c.type)==="button_list"&&((d=c.data)!=null&&d.buttons)&&(i.addButtons(c.data.buttons),this.welcomeChipsData=c.data.buttons,this.updateWelcomeChipsVisibility())},c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),i.updateLastAssistantMessage(c),(d=this.sessionManager)==null||d.updateLastAssistantMessage(c)},c=>{var d;c&&(this.chatId=c,(d=this.sessionManager)==null||d.saveIds(this.prospectId,c))})}catch(A){i.setTyping(!1),console.error("[VaniraAI] Send message failed",A),i.addMessage("assistant","Error sending message.")}}}togglePanel(){this.isPanelOpen?this.closePanel():this.openPanel()}openPanel(){var e,i;this.isPanelOpen=!0,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.open({bottom:this.position.includes("bottom")?"100px":void 0,top:this.position.includes("top")?"100px":void 0,right:this.position.includes("right")?"24px":void 0,left:this.position.includes("left")?"24px":void 0}),(i=this.root)!=null&&i.host&&this.root.host.classList.add("vanira-panel-open")}closePanel(){var e,i;this.isPanelOpen=!1,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.close(),(i=this.root)!=null&&i.host&&this.root.host.classList.remove("vanira-panel-open")}updateWelcomeChipsVisibility(){if(!this.floatingWelcomeChips)return;const e=!this.isPanelOpen&&this.welcomeChipsData.length>0;console.log("[VaniraAI] updateWelcomeChipsVisibility:",{visible:e,isPanelOpen:this.isPanelOpen,chipsCount:this.welcomeChipsData.length}),e?(this.floatingWelcomeChips.setChips(this.welcomeChipsData),this.floatingWelcomeChips.getElement().style.display="flex"):this.floatingWelcomeChips.getElement().style.display="none"}handleFloatingChipClick(e){this.openPanel(),this.handleChatSend(e)}};o(b,"audioContext",null);let S=b;class ce{static getProvider(t){return new S(t)}}class de extends HTMLElement{constructor(){super();o(this,"shadow");o(this,"provider",null);o(this,"widgetId","");o(this,"agentId","");o(this,"serverUrl","https://inboxapi.travelr.club");o(this,"position","bottom-right");o(this,"primaryColor","#000000");o(this,"secondaryColor","#000000");o(this,"gradient",null);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","secondary-color","server-url","gradient"]}connectedCallback(){console.log("[VaniraAI Widget] Initializing..."),this.readAttributes();const e={widgetId:this.widgetId,agentId:this.agentId,serverUrl:this.serverUrl,position:this.position,primaryColor:this.primaryColor,secondaryColor:this.secondaryColor,gradient:this.gradient};this.provider=ce.getProvider(e),this.provider&&this.provider.ui_renderer(this.shadow),this.widgetId&&!this.agentId&&this.initializeExpandedConfig()}readAttributes(){this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://inboxapi.travelr.club",this.position=this.getAttribute("position")||"bottom-right",this.primaryColor=this.getAttribute("primary-color")||"#000000",this.secondaryColor=this.getAttribute("secondary-color")||this.primaryColor,this.gradient=this.getAttribute("gradient")}async initializeExpandedConfig(){try{const e=await H.fetchWidgetConfig(this.widgetId);this.provider&&await this.provider.initialize(e)}catch(e){console.error("[VaniraAI Widget] Config failed:",e)}}}u.ChatService=y,u.ConfigService=H,u.SessionManager=k,u.VaniraAI=Y,u.VaniraWidget=de,u.WebRTCClient=C,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/vanira-sdk.js

@@ -51,6 +51,8 @@ var we=Object.defineProperty;var ue=(C,f,x)=>f in C?we(C,f,{enumerable:!0,config
     display: block;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     box-sizing: border-box;
+    overflow: visible !important;
+    contain: none !important;
     
     /* Default Theme Variables */
     --primary: #6366f1;
@@ -1062,7 +1064,7 @@ overflow: hidden;
             cursor: pointer; pointer-events: auto;
             transition: background-color 0.2s;
             box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
-        `,this.hangupBtn.onmouseover=()=>this.hangupBtn.style.backgroundColor="#dc2626",this.hangupBtn.onmouseout=()=>this.hangupBtn.style.backgroundColor="#ef4444",this.hangupBtn.onclick=()=>{const g=this.callStartedAt?Date.now()-this.callStartedAt:0,w=this.callStartedAt??Date.now();this.onCallEnded&&g>0&&this.onCallEnded(g,w),this.onHangup()},d.appendChild(this.hangupBtn),this.element.appendChild(d)}getElement(){return this.element}setMode(t){this.isAvatarMode=t==="avatar"}setVideoTrack(t){if(this.isAvatarMode=!0,t.kind==="video"&&this.videoElement){const e=new MediaStream([t]);this.videoElement.srcObject=e,this.videoContainer.style.display="block",this.orbWrapper.style.display="none",this.connectingLabel.style.display="none",this.timerEl.style.display="none",this.videoElement.onplaying=()=>{this.prepareBadge.style.display="none",this.statusBadge.style.display="flex"},this.videoElement.play().catch(i=>console.warn("Video play error",i))}}setStatus(t){if(t==="connecting")this.centerIcon.style.background="#4b5563",this.centerIcon.innerHTML='<div style="width:18px;height:18px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;"></div>',this.isAvatarMode?(this.videoContainer.style.display="block",this.orbWrapper.style.display="none",this.prepareBadge.textContent="CONNECTING...",this.prepareBadge.style.display="block",this.statusBadge.style.display="none",this.connectingLabel.style.display="none"):(this.orbWrapper.style.display="flex",this.videoContainer.style.display="none",this.connectingRing.style.display="block",this.errorRing.style.display="none",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="block",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="none",this.retryBtn.style.display="none"),this.stopTimer();else if(t==="connected"){this.centerIcon.style.background="#1f2937",this.centerIcon.innerHTML=p.phone;const e=this.centerIcon.querySelector("svg");e&&(e.style.cssText="width:20px;height:20px;"),this.isAvatarMode?this.videoElement&&!this.videoElement.paused&&this.videoElement.readyState>2?(this.prepareBadge.style.display="none",this.statusBadge.style.display="flex"):(this.prepareBadge.textContent="AGENT IS ON THE WAY...",this.prepareBadge.style.display="block",setTimeout(()=>{this.prepareBadge.style.display!=="none"&&(this.prepareBadge.style.display="none",this.statusBadge.style.display="flex")},5e3)):(this.connectingRing.style.display="none",this.errorRing.style.display="none",this.waveLayers.forEach(i=>i.style.display="flex"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="flex",this.timerEl.style.display="block",this.errorLabel.style.display="none",this.retryBtn.style.display="none",this.startTimer())}else t==="error"&&(this.centerIcon.style.background="#dc2626",this.centerIcon.innerHTML=p.phone,this.connectingRing.style.display="none",this.errorRing.style.display="block",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="block",this.retryBtn.style.display="block",this.stopTimer())}setTranscription(t,e){this.transcriptionEl.textContent=`"${t}"`,this.transcriptionEl.style.color=e?"#1f2937":"#9ca3af",this.transcriptionEl.style.fontStyle=e?"normal":"italic"}show(){this.callStartedAt=Date.now(),this.element.style.display="flex",this.setStatus("connecting")}hide(){this.element.style.display="none",this.reset()}reset(){this.videoElement&&(this.videoElement.srcObject=null),this.isAvatarMode=!1,this.callStartedAt=null,this.stopTimer(),this.transcriptionEl.textContent="",this.videoContainer.style.display="none",this.orbWrapper.style.display="flex",this.connectingRing.style.display="none",this.errorRing.style.display="none",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="none",this.retryBtn.style.display="none",this.prepareBadge.style.display="none",this.statusBadge.style.display="none",this.centerIcon.style.background="#374151",this.centerIcon.innerHTML=p.phone;const t=this.centerIcon.querySelector("svg");t&&(t.style.cssText="width:20px;height:20px;")}startTimer(){this.timerInterval&&clearInterval(this.timerInterval),this.startTime=Date.now(),this.timerEl.textContent="00:00",this.timerInterval=setInterval(()=>{if(!this.startTime)return;const t=Math.floor((Date.now()-this.startTime)/1e3),e=Math.floor(t/60).toString().padStart(2,"0"),i=(t%60).toString().padStart(2,"0");this.timerEl.textContent=`${e}:${i}`},1e3)}stopTimer(){this.timerInterval&&(clearInterval(this.timerInterval),this.timerInterval=null),this.timerEl.textContent=""}setFullScreen(t){t?(this.videoContainer.style.position="absolute",this.videoContainer.style.top="0",this.videoContainer.style.left="0",this.videoContainer.style.width="100%",this.videoContainer.style.height="100%",this.videoContainer.style.maxWidth="none",this.videoContainer.style.borderRadius="0",this.videoContainer.style.margin="0",this.videoContainer.style.zIndex="0"):(this.videoContainer.style.position="relative",this.videoContainer.style.width="100%",this.videoContainer.style.maxWidth="260px",this.videoContainer.style.height="auto",this.videoContainer.style.aspectRatio="1/1",this.videoContainer.style.borderRadius="16px",this.videoContainer.style.marginBottom="16px")}}class U{constructor(t){o(this,"element");o(this,"messageContainer");o(this,"inputArea");o(this,"input");o(this,"sendBtn");o(this,"typingIndicator",null);this.onSend=t,this.element=document.createElement("div"),this.element.style.display="flex",this.element.style.flexDirection="column",this.element.style.flex="1",this.element.style.overflow="hidden",this.element.style.minHeight="0",this.messageContainer=document.createElement("div"),this.messageContainer.className="chat-messages",this.inputArea=document.createElement("div"),this.inputArea.className="chat-input-area",this.input=document.createElement("input"),this.input.className="chat-input",this.input.placeholder="Type a message...",this.input.addEventListener("keypress",i=>{i.key==="Enter"&&this.handleSend()}),this.sendBtn=document.createElement("button"),this.sendBtn.className="chat-send-btn",this.sendBtn.innerHTML=p.send,this.sendBtn.onclick=()=>this.handleSend(),this.inputArea.appendChild(this.input),this.inputArea.appendChild(this.sendBtn);const e=document.createElement("div");e.className="branding-footer",e.innerHTML="Technology Powered by <b>Vanira AI</b>",this.element.appendChild(this.messageContainer),this.element.appendChild(this.inputArea),this.element.appendChild(e)}getElement(){return this.element}formatTime(t=new Date){return t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}addMessage(t,e,i){const s=document.createElement("div");s.style.cssText=`
+        `,this.hangupBtn.onmouseover=()=>this.hangupBtn.style.backgroundColor="#dc2626",this.hangupBtn.onmouseout=()=>this.hangupBtn.style.backgroundColor="#ef4444",this.hangupBtn.onclick=()=>{const g=this.callStartedAt?Date.now()-this.callStartedAt:0,w=this.callStartedAt??Date.now();this.onCallEnded&&g>0&&this.onCallEnded(g,w),this.onHangup()},d.appendChild(this.hangupBtn),this.element.appendChild(d)}getElement(){return this.element}setMode(t){this.isAvatarMode=t==="avatar"}setVideoTrack(t){if(this.isAvatarMode=!0,t.kind==="video"&&this.videoElement){const e=new MediaStream([t]);this.videoElement.srcObject=e,this.videoContainer.style.display="block",this.orbWrapper.style.display="none",this.connectingLabel.style.display="none",this.timerEl.style.display="none",this.videoElement.onplaying=()=>{this.prepareBadge.style.display="none",this.statusBadge.style.display="flex"},this.videoElement.play().catch(i=>console.warn("Video play error",i))}}setStatus(t){if(t==="connecting")this.centerIcon.style.background="#4b5563",this.centerIcon.innerHTML='<div style="width:18px;height:18px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;"></div>',this.isAvatarMode?(this.videoContainer.style.display="block",this.orbWrapper.style.display="none",this.prepareBadge.textContent="CONNECTING...",this.prepareBadge.style.display="block",this.statusBadge.style.display="none",this.connectingLabel.style.display="none"):(this.orbWrapper.style.display="flex",this.videoContainer.style.display="none",this.connectingRing.style.display="block",this.errorRing.style.display="none",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="block",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="none",this.retryBtn.style.display="none"),this.stopTimer();else if(t==="connected"){this.centerIcon.style.background="#1f2937",this.centerIcon.innerHTML=p.phone;const e=this.centerIcon.querySelector("svg");e&&(e.style.cssText="width:20px;height:20px;"),this.isAvatarMode?this.videoElement&&!this.videoElement.paused&&this.videoElement.readyState>2?(this.prepareBadge.style.display="none",this.statusBadge.style.display="flex"):(this.prepareBadge.textContent="AGENT IS ON THE WAY...",this.prepareBadge.style.display="block",setTimeout(()=>{this.prepareBadge.style.display!=="none"&&(this.prepareBadge.style.display="none",this.statusBadge.style.display="flex")},5e3)):(this.connectingRing.style.display="none",this.errorRing.style.display="none",this.waveLayers.forEach(i=>i.style.display="flex"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="flex",this.timerEl.style.display="block",this.errorLabel.style.display="none",this.retryBtn.style.display="none",this.startTimer())}else t==="error"&&(this.centerIcon.style.background="#dc2626",this.centerIcon.innerHTML=p.phone,this.connectingRing.style.display="none",this.errorRing.style.display="block",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="block",this.retryBtn.style.display="block",this.stopTimer())}setTranscription(t,e){this.transcriptionEl.textContent=`"${t}"`,this.transcriptionEl.style.color=e?"#1f2937":"#9ca3af",this.transcriptionEl.style.fontStyle=e?"normal":"italic"}show(){this.callStartedAt=Date.now(),this.element.style.display="flex",this.setStatus("connecting")}hide(){this.element.style.display="none",this.reset()}reset(){this.videoElement&&(this.videoElement.srcObject=null),this.isAvatarMode=!1,this.callStartedAt=null,this.stopTimer(),this.transcriptionEl.textContent="",this.videoContainer.style.display="none",this.orbWrapper.style.display="flex",this.connectingRing.style.display="none",this.errorRing.style.display="none",this.waveLayers.forEach(e=>e.style.display="none"),this.connectingLabel.style.display="none",this.connectedBadge.style.display="none",this.timerEl.style.display="none",this.errorLabel.style.display="none",this.retryBtn.style.display="none",this.prepareBadge.style.display="none",this.statusBadge.style.display="none",this.centerIcon.style.background="#374151",this.centerIcon.innerHTML=p.phone;const t=this.centerIcon.querySelector("svg");t&&(t.style.cssText="width:20px;height:20px;")}startTimer(){this.timerInterval&&clearInterval(this.timerInterval),this.startTime=Date.now(),this.timerEl.textContent="00:00",this.timerInterval=setInterval(()=>{if(!this.startTime)return;const t=Math.floor((Date.now()-this.startTime)/1e3),e=Math.floor(t/60).toString().padStart(2,"0"),i=(t%60).toString().padStart(2,"0");this.timerEl.textContent=`${e}:${i}`},1e3)}stopTimer(){this.timerInterval&&(clearInterval(this.timerInterval),this.timerInterval=null),this.timerEl.textContent=""}setFullScreen(t){t?(this.videoContainer.style.position="absolute",this.videoContainer.style.top="0",this.videoContainer.style.left="0",this.videoContainer.style.width="100%",this.videoContainer.style.height="100%",this.videoContainer.style.maxWidth="none",this.videoContainer.style.borderRadius="0",this.videoContainer.style.margin="0",this.videoContainer.style.zIndex="0"):(this.videoContainer.style.position="relative",this.videoContainer.style.width="100%",this.videoContainer.style.maxWidth="260px",this.videoContainer.style.height="auto",this.videoContainer.style.aspectRatio="1/1",this.videoContainer.style.borderRadius="16px",this.videoContainer.style.marginBottom="16px")}}class W{constructor(t){o(this,"element");o(this,"messageContainer");o(this,"inputArea");o(this,"input");o(this,"sendBtn");o(this,"typingIndicator",null);this.onSend=t,this.element=document.createElement("div"),this.element.style.display="flex",this.element.style.flexDirection="column",this.element.style.flex="1",this.element.style.overflow="hidden",this.element.style.minHeight="0",this.messageContainer=document.createElement("div"),this.messageContainer.className="chat-messages",this.inputArea=document.createElement("div"),this.inputArea.className="chat-input-area",this.input=document.createElement("input"),this.input.className="chat-input",this.input.placeholder="Type a message...",this.input.addEventListener("keypress",i=>{i.key==="Enter"&&this.handleSend()}),this.sendBtn=document.createElement("button"),this.sendBtn.className="chat-send-btn",this.sendBtn.innerHTML=p.send,this.sendBtn.onclick=()=>this.handleSend(),this.inputArea.appendChild(this.input),this.inputArea.appendChild(this.sendBtn);const e=document.createElement("div");e.className="branding-footer",e.innerHTML="Technology Powered by <b>Vanira AI</b>",this.element.appendChild(this.messageContainer),this.element.appendChild(this.inputArea),this.element.appendChild(e)}getElement(){return this.element}formatTime(t=new Date){return t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}addMessage(t,e,i){const s=document.createElement("div");s.style.cssText=`
             display: flex;
             flex-direction: column;
             align-items: ${t==="user"?"flex-end":"flex-start"};
@@ -1103,7 +1105,7 @@ overflow: hidden;
             </div>
             <div class="voice-status-text">Tap to speak</div>
             <div class="voice-status-subtext">Start a conversation</div>
-        `;const e=this.element.querySelector(".central-orb-container");e&&(e.onclick=this.onClick)}getElement(){return this.element}}class W{constructor(t){o(this,"element");o(this,"chips",[]);this.onChipClick=t,this.element=document.createElement("div"),this.element.className="welcome-chips-container"}setChips(t){this.chips=t,this.render()}getElement(){return this.element}setPosition(t){let e=t;e.includes("bottom:")?e=e.replace(/bottom:\s*[\d]+px/,"bottom: 100px"):e.includes("top:")&&(e=e.replace(/top:\s*[\d]+px/,"top: 100px")),this.element.setAttribute("style",e)}render(){this.element.innerHTML="",this.chips.forEach((t,e)=>{const i=document.createElement("button");i.className="welcome-chip-btn",i.textContent=t.title,i.onclick=s=>{s.stopPropagation(),this.onChipClick(t.title)},i.style.animationDelay=`${e*.1}s`,this.element.appendChild(i)})}static get styles(){return`
+        `;const e=this.element.querySelector(".central-orb-container");e&&(e.onclick=this.onClick)}getElement(){return this.element}}class U{constructor(t){o(this,"element");o(this,"chips",[]);this.onChipClick=t,this.element=document.createElement("div"),this.element.className="welcome-chips-container"}setChips(t){this.chips=t,this.render()}getElement(){return this.element}setPosition(t){let e=t;e.includes("bottom:")?e=e.replace(/bottom:\s*[\d]+px/,"bottom: 100px"):e.includes("top:")&&(e=e.replace(/top:\s*[\d]+px/,"top: 100px")),this.element.setAttribute("style",e)}render(){this.element.innerHTML="",this.chips.forEach((t,e)=>{const i=document.createElement("button");i.className="welcome-chip-btn",i.textContent=t.title,i.onclick=s=>{s.stopPropagation(),this.onChipClick(t.title)},i.style.animationDelay=`${e*.1}s`,this.element.appendChild(i)})}static get styles(){return`
             .welcome-chips-container {
                 position: fixed;
                 z-index: 9998;
@@ -1159,7 +1161,7 @@ overflow: hidden;
                     transform: translateY(0);
                 }
             }
-        `}}class V{constructor(t,e,i="#6366f1",s="#a855f7",n){o(this,"element");o(this,"overlay");o(this,"onStartCall");o(this,"onHangup");o(this,"primaryColor");o(this,"secondaryColor");o(this,"onCallEnded");this.onStartCall=t,this.onHangup=e,this.primaryColor=i,this.secondaryColor=s,this.onCallEnded=n,this.element=document.createElement("div"),this.element.style.height="100%",this.element.style.position="relative"}initOverlay(){this.overlay=new O(()=>this.onHangup(),this.primaryColor,this.secondaryColor,this.onCallEnded),this.element.appendChild(this.overlay.getElement())}getElement(){return this.element}setCallActive(t){t?this.overlay.show():this.overlay.hide()}setStatus(t){this.overlay.setStatus(t)}setTranscription(t,e){this.overlay.setTranscription(t,e)}setVideoTrack(t){this.overlay.setVideoTrack(t)}}class oe extends V{constructor(e,i,s="#6366f1",n="#a855f7",a){super(e,i,s,n,a);o(this,"voiceOrb");this.element.style.background="#f9fafb",this.voiceOrb=new ne(()=>this.onStartCall()),this.element.appendChild(this.voiceOrb.getElement()),this.initOverlay()}}class ae{constructor(t){o(this,"element");o(this,"chatWindow");this.onSendMessage=t,this.element=document.createElement("div"),this.element.style.flex="1",this.element.style.width="100%",this.element.style.minHeight="0",this.element.style.display="flex",this.element.style.flexDirection="column",this.chatWindow=new U(e=>this.onSendMessage(e)),this.element.appendChild(this.chatWindow.getElement())}getElement(){return this.element}getChatWindow(){return this.chatWindow}}class X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){o(this,"element");o(this,"chatWindow");o(this,"overlay");o(this,"voiceTrigger");this.onSendMessage=t,this.onStartCall=e,this.onHangup=i,this.primaryColor=s,this.secondaryColor=n,this.onCallEnded=a,this.element=document.createElement("div"),this.element.style.flex="1",this.element.style.display="flex",this.element.style.flexDirection="column",this.element.style.minHeight="0",this.element.style.position="relative"}setupChat(){this.chatWindow=new U(e=>this.onSendMessage(e));const t=this.chatWindow.getElement();t.style.flex="1",this.element.appendChild(t),this.injectVoiceTrigger(),this.overlay=new O(()=>this.onHangup(),this.primaryColor,this.secondaryColor,this.onCallEnded),this.element.appendChild(this.overlay.getElement())}injectVoiceTrigger(){const t=document.createElement("button");this.voiceTrigger=t,t.className="voice-btn-simple",t.innerHTML=`<div class="voice-btn-icon">${p.audioLines}</div>`,t.onclick=()=>this.onStartCall();const e=this.chatWindow.getElement().querySelector(".chat-input-area");e?e.insertBefore(this.voiceTrigger,e.firstChild):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:e})}getElement(){return this.element}getChatWindow(){return this.chatWindow}setCallActive(t){t?(this.overlay.show(),this.chatWindow&&(this.chatWindow.getElement().style.display="none")):(this.overlay.hide(),this.chatWindow&&(this.chatWindow.getElement().style.display="flex"))}setStatus(t){this.overlay.setStatus(t)}setTranscription(t,e){this.overlay.setTranscription(t,e)}setVideoTrack(t){this.overlay.setVideoTrack(t)}}class re extends X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){super(t,e,i,s,n,a),this.setupChat()}}class le extends V{constructor(e,i,s="#6366f1",n="#a855f7",a){super(e,i,s,n,a);o(this,"avatarView");o(this,"startCallBtn");o(this,"controlsContainer");this.element.style.display="flex",this.element.style.flexDirection="column",this.avatarView=new se;const r=this.avatarView.getElement();r.style.width="100%",r.style.maxWidth="300px",r.style.aspectRatio="1/1",r.style.borderRadius="16px",r.style.overflow="hidden",r.style.margin="auto",r.style.position="relative",this.element.appendChild(r),this.controlsContainer=document.createElement("div"),this.controlsContainer.className="widget-body",this.controlsContainer.style.position="absolute",this.controlsContainer.style.bottom="20px",this.controlsContainer.style.width="100%",this.controlsContainer.style.zIndex="10";const l=document.createElement("div");l.className="controls",this.startCallBtn=document.createElement("button"),this.startCallBtn.className="control-btn primary",this.startCallBtn.innerHTML=`${p.phone} <span>Start Call</span>`,this.startCallBtn.onclick=()=>this.onStartCall(),l.appendChild(this.startCallBtn),this.controlsContainer.appendChild(l),this.element.appendChild(this.controlsContainer),this.initOverlay(),this.overlay.setMode("avatar")}getAvatarView(){return this.avatarView}setCallActive(e){e&&this.overlay.setMode("avatar"),super.setCallActive(e),e?this.controlsContainer.style.display="none":this.controlsContainer.style.display="block"}}class Ae extends X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){super(t,e,i,s,n,a),this.setupChat(),this.overlay.setMode("avatar")}injectVoiceTrigger(){const t=document.createElement("button");this.voiceTrigger=t,t.className="voice-btn-simple",t.style.overflow="hidden",t.style.padding="0",t.style.border="1.5px solid #e5e7eb",t.innerHTML=`
+        `}}class V{constructor(t,e,i="#6366f1",s="#a855f7",n){o(this,"element");o(this,"overlay");o(this,"onStartCall");o(this,"onHangup");o(this,"primaryColor");o(this,"secondaryColor");o(this,"onCallEnded");this.onStartCall=t,this.onHangup=e,this.primaryColor=i,this.secondaryColor=s,this.onCallEnded=n,this.element=document.createElement("div"),this.element.style.height="100%",this.element.style.position="relative"}initOverlay(){this.overlay=new O(()=>this.onHangup(),this.primaryColor,this.secondaryColor,this.onCallEnded),this.element.appendChild(this.overlay.getElement())}getElement(){return this.element}setCallActive(t){t?this.overlay.show():this.overlay.hide()}setStatus(t){this.overlay.setStatus(t)}setTranscription(t,e){this.overlay.setTranscription(t,e)}setVideoTrack(t){this.overlay.setVideoTrack(t)}}class oe extends V{constructor(e,i,s="#6366f1",n="#a855f7",a){super(e,i,s,n,a);o(this,"voiceOrb");this.element.style.background="#f9fafb",this.voiceOrb=new ne(()=>this.onStartCall()),this.element.appendChild(this.voiceOrb.getElement()),this.initOverlay()}}class ae{constructor(t){o(this,"element");o(this,"chatWindow");this.onSendMessage=t,this.element=document.createElement("div"),this.element.style.flex="1",this.element.style.width="100%",this.element.style.minHeight="0",this.element.style.display="flex",this.element.style.flexDirection="column",this.chatWindow=new W(e=>this.onSendMessage(e)),this.element.appendChild(this.chatWindow.getElement())}getElement(){return this.element}getChatWindow(){return this.chatWindow}}class X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){o(this,"element");o(this,"chatWindow");o(this,"overlay");o(this,"voiceTrigger");this.onSendMessage=t,this.onStartCall=e,this.onHangup=i,this.primaryColor=s,this.secondaryColor=n,this.onCallEnded=a,this.element=document.createElement("div"),this.element.style.flex="1",this.element.style.display="flex",this.element.style.flexDirection="column",this.element.style.minHeight="0",this.element.style.position="relative"}setupChat(){this.chatWindow=new W(e=>this.onSendMessage(e));const t=this.chatWindow.getElement();t.style.flex="1",this.element.appendChild(t),this.injectVoiceTrigger(),this.overlay=new O(()=>this.onHangup(),this.primaryColor,this.secondaryColor,this.onCallEnded),this.element.appendChild(this.overlay.getElement())}injectVoiceTrigger(){const t=document.createElement("button");this.voiceTrigger=t,t.className="voice-btn-simple",t.innerHTML=`<div class="voice-btn-icon">${p.audioLines}</div>`,t.onclick=()=>this.onStartCall();const e=this.chatWindow.getElement().querySelector(".chat-input-area");e?e.insertBefore(this.voiceTrigger,e.firstChild):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:e})}getElement(){return this.element}getChatWindow(){return this.chatWindow}setCallActive(t){t?(this.overlay.show(),this.chatWindow&&(this.chatWindow.getElement().style.display="none")):(this.overlay.hide(),this.chatWindow&&(this.chatWindow.getElement().style.display="flex"))}setStatus(t){this.overlay.setStatus(t)}setTranscription(t,e){this.overlay.setTranscription(t,e)}setVideoTrack(t){this.overlay.setVideoTrack(t)}}class re extends X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){super(t,e,i,s,n,a),this.setupChat()}}class le extends V{constructor(e,i,s="#6366f1",n="#a855f7",a){super(e,i,s,n,a);o(this,"avatarView");o(this,"startCallBtn");o(this,"controlsContainer");this.element.style.display="flex",this.element.style.flexDirection="column",this.avatarView=new se;const r=this.avatarView.getElement();r.style.width="100%",r.style.maxWidth="300px",r.style.aspectRatio="1/1",r.style.borderRadius="16px",r.style.overflow="hidden",r.style.margin="auto",r.style.position="relative",this.element.appendChild(r),this.controlsContainer=document.createElement("div"),this.controlsContainer.className="widget-body",this.controlsContainer.style.position="absolute",this.controlsContainer.style.bottom="20px",this.controlsContainer.style.width="100%",this.controlsContainer.style.zIndex="10";const l=document.createElement("div");l.className="controls",this.startCallBtn=document.createElement("button"),this.startCallBtn.className="control-btn primary",this.startCallBtn.innerHTML=`${p.phone} <span>Start Call</span>`,this.startCallBtn.onclick=()=>this.onStartCall(),l.appendChild(this.startCallBtn),this.controlsContainer.appendChild(l),this.element.appendChild(this.controlsContainer),this.initOverlay(),this.overlay.setMode("avatar")}getAvatarView(){return this.avatarView}setCallActive(e){e&&this.overlay.setMode("avatar"),super.setCallActive(e),e?this.controlsContainer.style.display="none":this.controlsContainer.style.display="block"}}class Ae extends X{constructor(t,e,i,s="#6366f1",n="#a855f7",a){super(t,e,i,s,n,a),this.setupChat(),this.overlay.setMode("avatar")}injectVoiceTrigger(){const t=document.createElement("button");this.voiceTrigger=t,t.className="voice-btn-simple",t.style.overflow="hidden",t.style.padding="0",t.style.border="1.5px solid #e5e7eb",t.innerHTML=`
             <video 
                 src="https://www.simli.com/jenna.mp4" 
                 autoplay loop muted pip="false" playsinline 
@@ -1168,15 +1170,15 @@ overflow: hidden;
             <div style="position: absolute; bottom: -2px; right: -2px; background: white; border-radius: 50%; padding: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);">
                 ${p.audioLines.replace('width="24"','width="12"').replace('height="24"','height="12"')}
             </div>
-        `;const e=t.querySelector("div");if(e){const n=e.querySelector("svg");n&&(n.style.width="12px",n.style.height="12px")}t.onclick=()=>this.onStartCall();const i=this.chatWindow.getElement().querySelector(".chat-input-area"),s=i==null?void 0:i.querySelector(".chat-send-btn");i&&s?i.insertBefore(this.voiceTrigger,s):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:i,sendBtn:s})}}class ce{async sendMessage(t,e,i,s,n,a,r,l){return v.sendChatMessage(e,i,t,s,A=>{a&&a(A)},n,A=>{r&&A&&r(A)},l)}async sendFile(t){throw console.warn("sendFile not implemented for VaniraChatAdapter yet - Incompatible function adapted",t),new Error("Method not implemented.")}async likeDislike(t,e){console.warn("likeDislike not implemented for VaniraChatAdapter yet - Incompatible function adapted",t,e)}}const B=class B extends ${constructor(e){super(e);o(this,"vaniraClient",null);o(this,"currentView",null);o(this,"isPanelOpen",!1);o(this,"callActive",!1);o(this,"eventSource",null);o(this,"floatingButton",null);o(this,"floatingWelcomeChips",null);o(this,"panel",null);o(this,"welcomeChipsData",[]);o(this,"chatAdapter");o(this,"sessionManager",null);o(this,"sessionActive",!1);o(this,"widgetMode","voice_only");o(this,"agentId","");o(this,"prospectGroupId","");o(this,"chatServerUrl","");o(this,"prospectId","");o(this,"chatId",null);o(this,"widgetId","");o(this,"primaryColor","#6366f1");o(this,"secondaryColor","#4f46e5");o(this,"gradient",null);o(this,"position","bottom-right");o(this,"widgetIcon",null);o(this,"chatWelcomeMessage",null);this.chatAdapter=new ce,this.processConfig(e)}initSessionManager(){const e=this.widgetId||this.agentId||"default";this.sessionManager=new P(e),this.sessionManager.on("tab_took_over",()=>{console.warn("[VaniraAI] Session taken over by another tab."),this.sessionActive=!1,this.showTabConflictBanner("taken_over")}),this.sessionManager.on("session_cleared",()=>{console.log("[VaniraAI] Session cleared externally.")});const i=this.sessionManager.claimSession();return this.sessionActive=i,i}restoreSessionMessages(){var l,A,c;const e=(l=this.sessionManager)==null?void 0:l.getSession();if(!e)return;const i=(c=(A=this.currentView)==null?void 0:A.getChatWindow)==null?void 0:c.call(A);if(!i)return;const s=e.messages.filter(d=>d.content.trim()!==""),n=`vanira_calls_${this.widgetId||this.agentId}`,a=JSON.parse(localStorage.getItem(n)||"[]");if(s.length===0&&a.length===0)return;i.clearMessages();const r=[...s.map((d,g)=>({type:"msg",role:d.role,content:d.content,ts:d.timestamp??g})),...a.map(d=>({type:"call",durationMs:d.durationMs,startedAt:d.startedAt,ts:d.startedAt}))];r.sort((d,g)=>d.ts-g.ts),r.forEach(d=>{d.type==="msg"?i.addMessage(d.role,d.content,d.ts):i.addCallRecord(d.durationMs,d.startedAt)}),console.log(`[VaniraAI] Restored ${s.length} messages + ${a.length} call records from session.`)}showTabConflictBanner(e){var i,s;this.root&&((i=this.root.querySelector(".vanira-tab-conflict-banner"))==null||i.remove(),e==="conflict"&&((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&this.initializeChatSession(!1)))}playMessageSound(e){try{if(!B.audioContext){const r=window.AudioContext||window.webkitAudioContext;if(!r)return;B.audioContext=new r}const i=B.audioContext;i.state==="suspended"&&i.resume().catch(()=>{});const s=i.createOscillator(),n=i.createGain();s.connect(n),n.connect(i.destination);const a=i.currentTime;e==="send"?(s.type="sine",s.frequency.setValueAtTime(300,a),s.frequency.exponentialRampToValueAtTime(500,a+.05),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.1,a+.01),n.gain.exponentialRampToValueAtTime(.001,a+.1),s.start(a),s.stop(a+.1)):(s.type="sine",s.frequency.setValueAtTime(500,a),s.frequency.exponentialRampToValueAtTime(800,a+.1),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.15,a+.02),n.gain.exponentialRampToValueAtTime(.001,a+.2),s.start(a),s.stop(a+.2))}catch(i){console.warn("[VaniraAI] Audio feedback failed",i)}}handleWelcomePayload(e,i="assistant"){var a,r,l,A,c,d;if(!e||this.widgetMode==="voice_only")return;e.buttons&&Array.isArray(e.buttons)?this.welcomeChipsData=e.buttons:((a=e.widget)==null?void 0:a.type)==="button_list"&&((r=e.widget.data)!=null&&r.buttons)&&(this.welcomeChipsData=e.widget.data.buttons),this.updateWelcomeChipsVisibility();const s=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l),n=e.text||e.response||"";if(console.log("[VaniraAI] Processing Welcome Payload:",{hasText:!!n,chipsCount:this.welcomeChipsData.length,hasChatWindow:!!s,mode:this.widgetMode}),s){if(!n&&this.welcomeChipsData.length===0)return;const g=(c=this.sessionManager)==null?void 0:c.getSession();(g==null?void 0:g.messages.some(m=>m.content===n&&m.role===i))||(n&&(s.addMessage(i,n),(d=this.sessionManager)==null||d.pushMessage(i,n)),this.welcomeChipsData.length>0&&s.addButtons(this.welcomeChipsData))}}async initializeChatSession(e=!1){var i,s,n,a,r,l;if(this.sessionActive)try{v.setChatUrl(this.chatServerUrl);const A=(i=this.sessionManager)==null?void 0:i.getSession();if(!e&&(A!=null&&A.prospectId)){this.prospectId=A.prospectId,this.chatId=A.chatId,console.log(`[VaniraAI] Session restored — tab: ${(s=this.sessionManager)==null?void 0:s.getTabId()}, prospect: ${this.prospectId}`),this.restoreSessionMessages(),this.chatId&&!this.eventSource&&(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,m;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(m=this.sessionManager)==null||m.pushMessage("assistant",d),this.playMessageSound("receive")}));return}this.prospectGroupId?this.prospectId=await v.createChatProspect(this.prospectGroupId):this.prospectId=`anon_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;const c=await v.fetchWelcomeMessage(this.agentId,this.prospectId,this.widgetId||void 0);c!=null&&c.chatId&&!this.chatId&&(this.chatId=c.chatId,this.eventSource||(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,m;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(m=this.sessionManager)==null||m.pushMessage("assistant",d),this.playMessageSound("receive")}))),(n=this.sessionManager)==null||n.saveIds(this.prospectId,this.chatId)}catch(A){console.error("[VaniraAI] Chat init failed",A);const c="Hello! How can I help you today?";(r=(a=this.currentView)==null?void 0:a.getChatWindow)==null||r.call(a).addMessage("assistant",c),(l=this.sessionManager)==null||l.pushMessage("assistant",c)}}async initialize(e){await super.initialize(e),this.processConfig(e),this.root&&this.ui_renderer(this.root)}processConfig(e){var i,s;if(this.widgetId=e.widgetId||e.widget_id||"",this.agentId=e.agentId||e.agent_id||"",this.prospectGroupId=e.prospectGroupId||((i=e.client)==null?void 0:i.base_prospect_group_id)||"",this.widgetMode=e.widgetMode||e.mode||"voice_only",this.widgetId=e.widgetId||e.widget_id||"",this.primaryColor=e.primaryColor||e.primary_color||"#6366f1",this.secondaryColor=e.secondaryColor||e.secondary_color||"#a855f7",this.gradient=e.gradient||null,this.position=e.position||"bottom-right",this.widgetIcon=e.widgetIcon||e.icon||null,this.chatWelcomeMessage=e.chatWelcomeMessage||e.chat_welcome_message||((s=e.agent)==null?void 0:s.chat_welcome_message)||null,console.log("[VaniraAI] processConfig:",{hasPrimary:!!this.primaryColor,hasSecondary:!!this.secondaryColor,hasWelcome:!!this.chatWelcomeMessage}),typeof this.chatWelcomeMessage=="string")try{this.chatWelcomeMessage=JSON.parse(this.chatWelcomeMessage)}catch(n){console.warn("[VaniraAI] Failed to parse chatWelcomeMessage string",n)}this.chatServerUrl=e.serverUrl||e.chatServerUrl||"https://inboxapi.travelr.club"}async create_call(){var e;if(!(this.callActive||!this.agentId)){this.sessionActive||((e=this.sessionManager)==null||e.forceClaimSession(),this.sessionActive=!0);try{this.callActive=!0,this.updateViewCallState(!0),this.updateViewStatus("connecting");const i=await v.createCall(this.agentId,null,this.prospectId||null,this.widgetMode),s=new H({agentId:this.agentId,callId:i.callId,serverUrl:i.workerUrl});s.on("connected",()=>this.updateViewStatus("connected")).on("disconnected",()=>this.end_call()).on("error",n=>{console.error("[VaniraAI Widget] Call error:",n),this.updateViewStatus("error")}).on("transcription",({text:n,isFinal:a})=>{var r,l;(l=(r=this.currentView)==null?void 0:r.setTranscription)==null||l.call(r,n,a)}).on("track",({track:n})=>{var a;this.widgetMode.includes("avatar")&&n.kind==="video"&&((a=this.currentView)!=null&&a.setVideoTrack)&&this.currentView.setVideoTrack(n)}).on("tool_call",n=>{var r,l;const a=new CustomEvent("vaniraai:tool_call",{detail:n,bubbles:!0,composed:!0});(l=(r=this.root)==null?void 0:r.host)==null||l.dispatchEvent(a),console.log("[VaniraAI Widget] Tool call dispatched:",n.name,n.arguments),n.execution_mode}),this.vaniraClient=s,await s.start()}catch(i){console.error("[VaniraAI Widget] Call failed",i),this.updateViewStatus("error")}}}end_call(){this.callActive=!1;const e=this.vaniraClient;this.vaniraClient=null,e&&e.stop(),this.updateViewCallState(!1)}updateViewCallState(e){var i;(i=this.currentView)!=null&&i.setCallActive&&this.currentView.setCallActive(e)}updateViewStatus(e){var i;(i=this.currentView)!=null&&i.setStatus&&this.currentView.setStatus(e)}ui_renderer(e){this.root=e,this.root.innerHTML="";const i=document.createElement("style");i.textContent=`@keyframes vanira-slide-up {
+        `;const e=t.querySelector("div");if(e){const n=e.querySelector("svg");n&&(n.style.width="12px",n.style.height="12px")}t.onclick=()=>this.onStartCall();const i=this.chatWindow.getElement().querySelector(".chat-input-area"),s=i==null?void 0:i.querySelector(".chat-send-btn");i&&s?i.insertBefore(this.voiceTrigger,s):console.warn("VaniraSDK: Failed to inject voice trigger",{inputArea:i,sendBtn:s})}}class ce{async sendMessage(t,e,i,s,n,a,r,l){return v.sendChatMessage(e,i,t,s,A=>{a&&a(A)},n,A=>{r&&A&&r(A)},l)}async sendFile(t){throw console.warn("sendFile not implemented for VaniraChatAdapter yet - Incompatible function adapted",t),new Error("Method not implemented.")}async likeDislike(t,e){console.warn("likeDislike not implemented for VaniraChatAdapter yet - Incompatible function adapted",t,e)}}const B=class B extends ${constructor(e){super(e);o(this,"vaniraClient",null);o(this,"currentView",null);o(this,"isPanelOpen",!1);o(this,"callActive",!1);o(this,"eventSource",null);o(this,"floatingButton",null);o(this,"floatingWelcomeChips",null);o(this,"panel",null);o(this,"welcomeChipsData",[]);o(this,"chatAdapter");o(this,"sessionManager",null);o(this,"sessionActive",!1);o(this,"widgetMode","voice_only");o(this,"agentId","");o(this,"prospectGroupId","");o(this,"chatServerUrl","");o(this,"prospectId","");o(this,"chatId",null);o(this,"widgetId","");o(this,"primaryColor","#6366f1");o(this,"secondaryColor","#4f46e5");o(this,"gradient",null);o(this,"position","bottom-right");o(this,"widgetIcon",null);o(this,"chatWelcomeMessage",null);this.chatAdapter=new ce,this.processConfig(e)}initSessionManager(){const e=this.widgetId||this.agentId||"default";this.sessionManager=new P(e),this.sessionManager.on("tab_took_over",()=>{console.warn("[VaniraAI] Session taken over by another tab."),this.sessionActive=!1,this.showTabConflictBanner("taken_over")}),this.sessionManager.on("session_cleared",()=>{console.log("[VaniraAI] Session cleared externally.")});const i=this.sessionManager.claimSession();return this.sessionActive=i,i}restoreSessionMessages(){var l,A,c;const e=(l=this.sessionManager)==null?void 0:l.getSession();if(!e)return;const i=(c=(A=this.currentView)==null?void 0:A.getChatWindow)==null?void 0:c.call(A);if(!i)return;const s=e.messages.filter(d=>d.content.trim()!==""),n=`vanira_calls_${this.widgetId||this.agentId}`,a=JSON.parse(localStorage.getItem(n)||"[]");if(s.length===0&&a.length===0)return;i.clearMessages();const r=[...s.map((d,g)=>({type:"msg",role:d.role,content:d.content,ts:d.timestamp??g})),...a.map(d=>({type:"call",durationMs:d.durationMs,startedAt:d.startedAt,ts:d.startedAt}))];r.sort((d,g)=>d.ts-g.ts),r.forEach(d=>{d.type==="msg"?i.addMessage(d.role,d.content,d.ts):i.addCallRecord(d.durationMs,d.startedAt)}),console.log(`[VaniraAI] Restored ${s.length} messages + ${a.length} call records from session.`)}showTabConflictBanner(e){var i,s;this.root&&((i=this.root.querySelector(".vanira-tab-conflict-banner"))==null||i.remove(),e==="conflict"&&((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&this.initializeChatSession(!1)))}playMessageSound(e){try{if(!B.audioContext){const r=window.AudioContext||window.webkitAudioContext;if(!r)return;B.audioContext=new r}const i=B.audioContext;i.state==="suspended"&&i.resume().catch(()=>{});const s=i.createOscillator(),n=i.createGain();s.connect(n),n.connect(i.destination);const a=i.currentTime;e==="send"?(s.type="sine",s.frequency.setValueAtTime(300,a),s.frequency.exponentialRampToValueAtTime(500,a+.05),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.1,a+.01),n.gain.exponentialRampToValueAtTime(.001,a+.1),s.start(a),s.stop(a+.1)):(s.type="sine",s.frequency.setValueAtTime(500,a),s.frequency.exponentialRampToValueAtTime(800,a+.1),n.gain.setValueAtTime(0,a),n.gain.linearRampToValueAtTime(.15,a+.02),n.gain.exponentialRampToValueAtTime(.001,a+.2),s.start(a),s.stop(a+.2))}catch(i){console.warn("[VaniraAI] Audio feedback failed",i)}}handleWelcomePayload(e,i="assistant"){var a,r,l,A,c,d;if(!e||this.widgetMode==="voice_only")return;e.buttons&&Array.isArray(e.buttons)?this.welcomeChipsData=e.buttons:((a=e.widget)==null?void 0:a.type)==="button_list"&&((r=e.widget.data)!=null&&r.buttons)&&(this.welcomeChipsData=e.widget.data.buttons),this.updateWelcomeChipsVisibility();const s=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l),n=e.text||e.response||"";if(console.log("[VaniraAI] Processing Welcome Payload:",{hasText:!!n,chipsCount:this.welcomeChipsData.length,hasChatWindow:!!s,mode:this.widgetMode}),s){if(!n&&this.welcomeChipsData.length===0)return;const g=(c=this.sessionManager)==null?void 0:c.getSession();(g==null?void 0:g.messages.some(m=>m.content===n&&m.role===i))||(n&&(s.addMessage(i,n),(d=this.sessionManager)==null||d.pushMessage(i,n)),this.welcomeChipsData.length>0&&s.addButtons(this.welcomeChipsData))}}async initializeChatSession(e=!1){var i,s,n,a,r,l;if(this.sessionActive)try{v.setChatUrl(this.chatServerUrl);const A=(i=this.sessionManager)==null?void 0:i.getSession();if(!e&&(A!=null&&A.prospectId)){this.prospectId=A.prospectId,this.chatId=A.chatId,console.log(`[VaniraAI] Session restored — tab: ${(s=this.sessionManager)==null?void 0:s.getTabId()}, prospect: ${this.prospectId}`),this.restoreSessionMessages(),this.chatId&&!this.eventSource&&(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,m;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(m=this.sessionManager)==null||m.pushMessage("assistant",d),this.playMessageSound("receive")}));return}this.prospectGroupId?this.prospectId=await v.createChatProspect(this.prospectGroupId):this.prospectId=`anon_${Date.now()}_${Math.random().toString(36).substr(2,9)}`;const c=await v.fetchWelcomeMessage(this.agentId,this.prospectId,this.widgetId||void 0);c!=null&&c.chatId&&!this.chatId&&(this.chatId=c.chatId,this.eventSource||(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,d=>{var g,w,m;(w=(g=this.currentView)==null?void 0:g.getChatWindow)==null||w.call(g).addMessage("assistant",d),(m=this.sessionManager)==null||m.pushMessage("assistant",d),this.playMessageSound("receive")}))),(n=this.sessionManager)==null||n.saveIds(this.prospectId,this.chatId)}catch(A){console.error("[VaniraAI] Chat init failed",A);const c="Hello! How can I help you today?";(r=(a=this.currentView)==null?void 0:a.getChatWindow)==null||r.call(a).addMessage("assistant",c),(l=this.sessionManager)==null||l.pushMessage("assistant",c)}}async initialize(e){await super.initialize(e),this.processConfig(e),this.root&&this.ui_renderer(this.root)}processConfig(e){var i,s;if(this.widgetId=e.widgetId||e.widget_id||"",this.agentId=e.agentId||e.agent_id||"",this.prospectGroupId=e.prospectGroupId||((i=e.client)==null?void 0:i.base_prospect_group_id)||"",this.widgetMode=e.widgetMode||e.mode||"voice_only",this.widgetId=e.widgetId||e.widget_id||"",this.primaryColor=e.primaryColor||e.primary_color||"#6366f1",this.secondaryColor=e.secondaryColor||e.secondary_color||"#a855f7",this.gradient=e.gradient||null,this.position=e.position||"bottom-right",this.widgetIcon=e.widgetIcon||e.icon||null,this.chatWelcomeMessage=e.chatWelcomeMessage||e.chat_welcome_message||((s=e.agent)==null?void 0:s.chat_welcome_message)||null,console.log("[VaniraAI] processConfig:",{hasPrimary:!!this.primaryColor,hasSecondary:!!this.secondaryColor,hasWelcome:!!this.chatWelcomeMessage}),typeof this.chatWelcomeMessage=="string")try{this.chatWelcomeMessage=JSON.parse(this.chatWelcomeMessage)}catch(n){console.warn("[VaniraAI] Failed to parse chatWelcomeMessage string",n)}this.chatServerUrl=e.serverUrl||e.chatServerUrl||"https://inboxapi.travelr.club",this.updateWelcomeChipsVisibility()}async create_call(){var e;if(!(this.callActive||!this.agentId)){this.sessionActive||((e=this.sessionManager)==null||e.forceClaimSession(),this.sessionActive=!0);try{this.callActive=!0,this.updateViewCallState(!0),this.updateViewStatus("connecting");const i=await v.createCall(this.agentId,null,this.prospectId||null,this.widgetMode),s=new H({agentId:this.agentId,callId:i.callId,serverUrl:i.workerUrl});s.on("connected",()=>this.updateViewStatus("connected")).on("disconnected",()=>this.end_call()).on("error",n=>{console.error("[VaniraAI Widget] Call error:",n),this.updateViewStatus("error")}).on("transcription",({text:n,isFinal:a})=>{var r,l;(l=(r=this.currentView)==null?void 0:r.setTranscription)==null||l.call(r,n,a)}).on("track",({track:n})=>{var a;this.widgetMode.includes("avatar")&&n.kind==="video"&&((a=this.currentView)!=null&&a.setVideoTrack)&&this.currentView.setVideoTrack(n)}).on("tool_call",n=>{var r,l;const a=new CustomEvent("vaniraai:tool_call",{detail:n,bubbles:!0,composed:!0});(l=(r=this.root)==null?void 0:r.host)==null||l.dispatchEvent(a),console.log("[VaniraAI Widget] Tool call dispatched:",n.name,n.arguments),n.execution_mode}),this.vaniraClient=s,await s.start()}catch(i){console.error("[VaniraAI Widget] Call failed",i),this.updateViewStatus("error")}}}end_call(){this.callActive=!1;const e=this.vaniraClient;this.vaniraClient=null,e&&e.stop(),this.updateViewCallState(!1)}updateViewCallState(e){var i;(i=this.currentView)!=null&&i.setCallActive&&this.currentView.setCallActive(e)}updateViewStatus(e){var i;(i=this.currentView)!=null&&i.setStatus&&this.currentView.setStatus(e)}ui_renderer(e){this.root=e,this.root.innerHTML="";const i=document.createElement("style");i.textContent=`@keyframes vanira-slide-up {
             from { opacity:0; transform:translateY(16px); }
             to   { opacity:1; transform:translateY(0);    }
         }`,this.root.appendChild(i);const s=document.createElement("style");s.textContent=`
             ${ie}
             :host { ${te(this.primaryColor,this.secondaryColor)} }
             ${j.styles}
-            ${W.styles}
+            ${U.styles}
             ${N.styles}
             ${this.gradient?`.widget-fab { background: ${this.gradient} !important; }`:""}
-        `,this.root.appendChild(s),this.floatingButton=new j(()=>this.togglePanel()),this.floatingButton.setIcon(this.getFabIcon()),this.floatingButton.setPosition(this.getPosStyle()),this.floatingWelcomeChips=new W(a=>this.handleFloatingChipClick(a)),this.floatingWelcomeChips.setPosition(this.getPosStyle()),this.panel=new N(()=>this.closePanel(),this.getPanelTitle()),this.root.appendChild(this.floatingWelcomeChips.getElement()),this.root.appendChild(this.floatingButton.getElement()),this.root.appendChild(this.panel.getElement()),this.setupPanelContent(),this.chatWelcomeMessage&&this.handleWelcomePayload(this.chatWelcomeMessage),this.initSessionManager()?this.widgetMode.includes("chat")&&this.initializeChatSession():this.showTabConflictBanner("conflict")}getFabIcon(){return this.widgetIcon&&D[this.widgetIcon]?D[this.widgetIcon]:this.widgetMode.includes("chat")?p.chat:p.voice_orb}getPanelTitle(){return"Assistant"}getPosStyle(){const e={"bottom-right":"bottom: 24px; right: 24px;","bottom-left":"bottom: 24px; left: 24px;","top-right":"top: 24px; right: 24px;","top-left":"top: 24px; left: 24px;"};return e[this.position]||e["bottom-right"]}setupPanelContent(){const e=(i,s)=>{var l,A;const n=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l);n&&n.addCallRecord(i,s);const a=`vanira_calls_${this.widgetId||this.agentId}`,r=JSON.parse(localStorage.getItem(a)||"[]");r.push({durationMs:i,startedAt:s}),r.length>50&&r.splice(0,r.length-50),localStorage.setItem(a,JSON.stringify(r))};switch(this.widgetMode){case"chat_only":this.currentView=new ae(i=>this.handleChatSend(i));break;case"chat_voice":this.currentView=new re(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"avatar_only":this.currentView=new le(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"chat_avatar":this.currentView=new Ae(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"voice_only":default:this.currentView=new oe(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break}this.currentView&&this.panel&&this.panel.setContent(this.currentView.getElement())}async handleChatSend(e){var s,n,a,r,l;if(!e)return;this.sessionActive||((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&await this.initializeChatSession(!1));const i=(a=(n=this.currentView)==null?void 0:n.getChatWindow)==null?void 0:a.call(n);if(i){this.chatId&&!this.eventSource&&(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,A=>{var c,d,g;(d=(c=this.currentView)==null?void 0:c.getChatWindow)==null||d.call(c).addMessage("assistant",A),(g=this.sessionManager)==null||g.pushMessage("assistant",A),this.playMessageSound("receive")})),i.addMessage("user",e),(r=this.sessionManager)==null||r.pushMessage("user",e),i.setTyping(!0),(l=this.sessionManager)==null||l.pushMessage("assistant","");try{let A=!1;await this.chatAdapter.sendMessage(e,this.agentId,this.prospectId,this.chatId,c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),(c==null?void 0:c.type)==="button_list"&&((d=c.data)!=null&&d.buttons)&&(i.addButtons(c.data.buttons),this.welcomeChipsData=c.data.buttons,this.updateWelcomeChipsVisibility())},c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),i.updateLastAssistantMessage(c),(d=this.sessionManager)==null||d.updateLastAssistantMessage(c)},c=>{var d;c&&(this.chatId=c,(d=this.sessionManager)==null||d.saveIds(this.prospectId,c))})}catch(A){i.setTyping(!1),console.error("[VaniraAI] Send message failed",A),i.addMessage("assistant","Error sending message.")}}}togglePanel(){this.isPanelOpen?this.closePanel():this.openPanel()}openPanel(){var e,i;this.isPanelOpen=!0,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.open({bottom:this.position.includes("bottom")?"100px":void 0,top:this.position.includes("top")?"100px":void 0,right:this.position.includes("right")?"24px":void 0,left:this.position.includes("left")?"24px":void 0}),(i=this.root)!=null&&i.host&&this.root.host.classList.add("vanira-panel-open")}closePanel(){var e,i;this.isPanelOpen=!1,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.close(),(i=this.root)!=null&&i.host&&this.root.host.classList.remove("vanira-panel-open")}updateWelcomeChipsVisibility(){this.floatingWelcomeChips&&(!this.isPanelOpen&&this.welcomeChipsData.length>0?(this.floatingWelcomeChips.setChips(this.welcomeChipsData),this.floatingWelcomeChips.getElement().style.display="flex"):this.floatingWelcomeChips.getElement().style.display="none")}handleFloatingChipClick(e){this.openPanel(),this.handleChatSend(e)}};o(B,"audioContext",null);let Y=B;class de{static getProvider(t){return new Y(t)}}class F extends HTMLElement{constructor(){super();o(this,"shadow");o(this,"provider",null);o(this,"widgetId","");o(this,"agentId","");o(this,"serverUrl","https://inboxapi.travelr.club");o(this,"position","bottom-right");o(this,"primaryColor","#000000");o(this,"secondaryColor","#000000");o(this,"gradient",null);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","secondary-color","server-url","gradient"]}connectedCallback(){console.log("[VaniraAI Widget] Initializing..."),this.readAttributes();const e={widgetId:this.widgetId,agentId:this.agentId,serverUrl:this.serverUrl,position:this.position,primaryColor:this.primaryColor,secondaryColor:this.secondaryColor,gradient:this.gradient};this.provider=de.getProvider(e),this.provider&&this.provider.ui_renderer(this.shadow),this.widgetId&&!this.agentId&&this.initializeExpandedConfig()}readAttributes(){this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://inboxapi.travelr.club",this.position=this.getAttribute("position")||"bottom-right",this.primaryColor=this.getAttribute("primary-color")||"#000000",this.secondaryColor=this.getAttribute("secondary-color")||this.primaryColor,this.gradient=this.getAttribute("gradient")}async initializeExpandedConfig(){try{const e=await x.fetchWidgetConfig(this.widgetId);this.provider&&await this.provider.initialize(e)}catch(e){console.error("[VaniraAI Widget] Config failed:",e)}}}customElements.get("vanira-convai")||customElements.define("vanira-convai",F),typeof window<"u"&&(window.VaniraConvAI=F,window.VaniraAI=H);const u=document.currentScript;if(u){const h=u.getAttribute("data-widget-id")||u.getAttribute("widget-id"),t=u.getAttribute("data-agent-id")||u.getAttribute("agent-id");if(h||t){const e=u.getAttribute("data-position")||"bottom-right",i=u.getAttribute("data-primary-color")||u.getAttribute("primary-color")||"#6366f1",s=u.getAttribute("data-secondary-color")||u.getAttribute("secondary-color"),n=u.getAttribute("data-gradient")||u.getAttribute("gradient"),a=u.getAttribute("data-server-url")||u.getAttribute("server-url"),r=document.createElement("vanira-convai");h&&r.setAttribute("widget-id",h),t&&r.setAttribute("agent-id",t),r.setAttribute("position",e),r.setAttribute("primary-color",i),s&&r.setAttribute("secondary-color",s),n&&r.setAttribute("gradient",n),a&&r.setAttribute("server-url",a),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>document.body.appendChild(r)):document.body.appendChild(r),r.addEventListener("vaniraai:tool_call",l=>{const A=l.detail;console.log("[VaniraAI Widget] Tool call received by host page:",A.name,A.arguments),typeof window.__vaniraai_tool_handler=="function"&&window.__vaniraai_tool_handler(A,{sendResult:c=>{console.log("[VaniraAI] sendResult called:",c)}})})}}})();
+        `,this.root.appendChild(s),this.floatingButton=new j(()=>this.togglePanel()),this.floatingButton.setIcon(this.getFabIcon()),this.floatingButton.setPosition(this.getPosStyle()),this.floatingWelcomeChips=new U(a=>this.handleFloatingChipClick(a)),this.floatingWelcomeChips.setPosition(this.getPosStyle()),this.panel=new N(()=>this.closePanel(),this.getPanelTitle()),this.root.appendChild(this.floatingWelcomeChips.getElement()),this.root.appendChild(this.floatingButton.getElement()),this.root.appendChild(this.panel.getElement()),this.setupPanelContent(),this.chatWelcomeMessage&&this.handleWelcomePayload(this.chatWelcomeMessage),this.initSessionManager()?this.widgetMode.includes("chat")&&this.initializeChatSession():this.showTabConflictBanner("conflict")}getFabIcon(){return this.widgetIcon&&D[this.widgetIcon]?D[this.widgetIcon]:this.widgetMode.includes("chat")?p.chat:p.voice_orb}getPanelTitle(){return"Assistant"}getPosStyle(){const e={"bottom-right":"bottom: 24px; right: 24px;","bottom-left":"bottom: 24px; left: 24px;","top-right":"top: 24px; right: 24px;","top-left":"top: 24px; left: 24px;"};return e[this.position]||e["bottom-right"]}setupPanelContent(){const e=(i,s)=>{var l,A;const n=(A=(l=this.currentView)==null?void 0:l.getChatWindow)==null?void 0:A.call(l);n&&n.addCallRecord(i,s);const a=`vanira_calls_${this.widgetId||this.agentId}`,r=JSON.parse(localStorage.getItem(a)||"[]");r.push({durationMs:i,startedAt:s}),r.length>50&&r.splice(0,r.length-50),localStorage.setItem(a,JSON.stringify(r))};switch(this.widgetMode){case"chat_only":this.currentView=new ae(i=>this.handleChatSend(i));break;case"chat_voice":this.currentView=new re(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"avatar_only":this.currentView=new le(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"chat_avatar":this.currentView=new Ae(i=>this.handleChatSend(i),()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break;case"voice_only":default:this.currentView=new oe(()=>this.create_call(),()=>this.end_call(),this.primaryColor,this.secondaryColor,e);break}this.currentView&&this.panel&&this.panel.setContent(this.currentView.getElement())}async handleChatSend(e){var s,n,a,r,l;if(!e)return;this.sessionActive||((s=this.sessionManager)==null||s.forceClaimSession(),this.sessionActive=!0,this.widgetMode.includes("chat")&&await this.initializeChatSession(!1));const i=(a=(n=this.currentView)==null?void 0:n.getChatWindow)==null?void 0:a.call(n);if(i){this.chatId&&!this.eventSource&&(this.eventSource=v.listenForAdminReplies(this.chatId,this.prospectId,A=>{var c,d,g;(d=(c=this.currentView)==null?void 0:c.getChatWindow)==null||d.call(c).addMessage("assistant",A),(g=this.sessionManager)==null||g.pushMessage("assistant",A),this.playMessageSound("receive")})),i.addMessage("user",e),(r=this.sessionManager)==null||r.pushMessage("user",e),i.setTyping(!0),(l=this.sessionManager)==null||l.pushMessage("assistant","");try{let A=!1;await this.chatAdapter.sendMessage(e,this.agentId,this.prospectId,this.chatId,c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),(c==null?void 0:c.type)==="button_list"&&((d=c.data)!=null&&d.buttons)&&(i.addButtons(c.data.buttons),this.welcomeChipsData=c.data.buttons,this.updateWelcomeChipsVisibility())},c=>{var d;A||(this.playMessageSound("receive"),A=!0),i.setTyping(!1),i.updateLastAssistantMessage(c),(d=this.sessionManager)==null||d.updateLastAssistantMessage(c)},c=>{var d;c&&(this.chatId=c,(d=this.sessionManager)==null||d.saveIds(this.prospectId,c))})}catch(A){i.setTyping(!1),console.error("[VaniraAI] Send message failed",A),i.addMessage("assistant","Error sending message.")}}}togglePanel(){this.isPanelOpen?this.closePanel():this.openPanel()}openPanel(){var e,i;this.isPanelOpen=!0,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.open({bottom:this.position.includes("bottom")?"100px":void 0,top:this.position.includes("top")?"100px":void 0,right:this.position.includes("right")?"24px":void 0,left:this.position.includes("left")?"24px":void 0}),(i=this.root)!=null&&i.host&&this.root.host.classList.add("vanira-panel-open")}closePanel(){var e,i;this.isPanelOpen=!1,this.updateWelcomeChipsVisibility(),(e=this.panel)==null||e.close(),(i=this.root)!=null&&i.host&&this.root.host.classList.remove("vanira-panel-open")}updateWelcomeChipsVisibility(){if(!this.floatingWelcomeChips)return;const e=!this.isPanelOpen&&this.welcomeChipsData.length>0;console.log("[VaniraAI] updateWelcomeChipsVisibility:",{visible:e,isPanelOpen:this.isPanelOpen,chipsCount:this.welcomeChipsData.length}),e?(this.floatingWelcomeChips.setChips(this.welcomeChipsData),this.floatingWelcomeChips.getElement().style.display="flex"):this.floatingWelcomeChips.getElement().style.display="none"}handleFloatingChipClick(e){this.openPanel(),this.handleChatSend(e)}};o(B,"audioContext",null);let Y=B;class de{static getProvider(t){return new Y(t)}}class F extends HTMLElement{constructor(){super();o(this,"shadow");o(this,"provider",null);o(this,"widgetId","");o(this,"agentId","");o(this,"serverUrl","https://inboxapi.travelr.club");o(this,"position","bottom-right");o(this,"primaryColor","#000000");o(this,"secondaryColor","#000000");o(this,"gradient",null);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","secondary-color","server-url","gradient"]}connectedCallback(){console.log("[VaniraAI Widget] Initializing..."),this.readAttributes();const e={widgetId:this.widgetId,agentId:this.agentId,serverUrl:this.serverUrl,position:this.position,primaryColor:this.primaryColor,secondaryColor:this.secondaryColor,gradient:this.gradient};this.provider=de.getProvider(e),this.provider&&this.provider.ui_renderer(this.shadow),this.widgetId&&!this.agentId&&this.initializeExpandedConfig()}readAttributes(){this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://inboxapi.travelr.club",this.position=this.getAttribute("position")||"bottom-right",this.primaryColor=this.getAttribute("primary-color")||"#000000",this.secondaryColor=this.getAttribute("secondary-color")||this.primaryColor,this.gradient=this.getAttribute("gradient")}async initializeExpandedConfig(){try{const e=await x.fetchWidgetConfig(this.widgetId);this.provider&&await this.provider.initialize(e)}catch(e){console.error("[VaniraAI Widget] Config failed:",e)}}}customElements.get("vanira-convai")||customElements.define("vanira-convai",F),typeof window<"u"&&(window.VaniraConvAI=F,window.VaniraAI=H);const u=document.currentScript;if(u){const h=u.getAttribute("data-widget-id")||u.getAttribute("widget-id"),t=u.getAttribute("data-agent-id")||u.getAttribute("agent-id");if(h||t){const e=u.getAttribute("data-position")||"bottom-right",i=u.getAttribute("data-primary-color")||u.getAttribute("primary-color")||"#6366f1",s=u.getAttribute("data-secondary-color")||u.getAttribute("secondary-color"),n=u.getAttribute("data-gradient")||u.getAttribute("gradient"),a=u.getAttribute("data-server-url")||u.getAttribute("server-url"),r=document.createElement("vanira-convai");h&&r.setAttribute("widget-id",h),t&&r.setAttribute("agent-id",t),r.setAttribute("position",e),r.setAttribute("primary-color",i),s&&r.setAttribute("secondary-color",s),n&&r.setAttribute("gradient",n),a&&r.setAttribute("server-url",a),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>document.body.appendChild(r)):document.body.appendChild(r),r.addEventListener("vaniraai:tool_call",l=>{const A=l.detail;console.log("[VaniraAI Widget] Tool call received by host page:",A.name,A.arguments),typeof window.__vaniraai_tool_handler=="function"&&window.__vaniraai_tool_handler(A,{sendResult:c=>{console.log("[VaniraAI] sendResult called:",c)}})})}}})();
 //# sourceMappingURL=vanira-sdk.js.map