(function () {

  if (window.MyAILoaded) return;
  window.MyAILoaded = true;

  // DELAY START BY 2 SECONDS
  setTimeout(() => {
    const cfg = window.MyAIConfig || {};
    console.log(cfg);
    if (!cfg.plugin) return;

    const params = new URLSearchParams({
      plugin: cfg.plugin,
      page: cfg.page,
      site: cfg.site,
      user: cfg.user,
    });

    const iframe = document.createElement('iframe');
    
    // Initial style: small size to only show the button
    iframe.style.display = 'none';
    iframe.style.opacity = '0';
    iframe.style.position = 'fixed';
    iframe.style.bottom = '20px';
    iframe.style.right = '20px';
    iframe.style.width = '100px';
    iframe.style.height = '100px';
    iframe.style.border = 'none';
    iframe.style.zIndex = '999999';
    iframe.style.pointerEvents = 'auto';

    document.body.appendChild(iframe);

    let endpoint = (cfg.jwt) ? '{!! $signed_ai_route !!}' : '{!! $signed_guest_route !!}';
    
    // We don't append extra params here because the signature covers them in the signed URL generated by Laravel.
    // The params are passed from the original widget script call to URL::signedRoute.
    
    let iframe_height = (cfg.jwt) ? '830px' : '830px';

    fetch(endpoint, {
      method: 'GET',
      headers: {
        'Authorization': 'Bearer ' + (cfg.jwt || ''),
        'Accept': 'text/html'
      }
    })
    .then(response => {
      if (!response.ok) throw new Error('Failed to load chat frame');
      return response.text();
    })
    .then(html => {
      // Inject script to handle iframe resize on button click
      const resizeScript = `<script>
        document.addEventListener('DOMContentLoaded', () => {
          const container = document.querySelector('.spatie-support-bubble__container');
          const button = document.querySelector('.spatie-support-bubble__button button');
          
          if (button && container) {
            button.addEventListener('click', () => {
              const isClosed = container.classList.contains('opacity-0');
              // Tell parent to expand or shrink iframe
              window.parent.postMessage({
                type: 'iframeResize',
                expand: isClosed
              }, '*');
            });
          }
        });
      <\/script>`;
      
      const authenticatedHtml = html
        .replace('</head>', `<script>window.MyAI_JWT = "${cfg.jwt || ''}";<\/script></head>`)
        .replace('</body>', resizeScript + '</body>');
      iframe.srcdoc = authenticatedHtml;

      // Listen for resize requests from iframe
      window.addEventListener('message', (e) => {
        if (e.data && e.data.type === 'iframeResize') {
          if (e.data.expand) {
            // Expand iframe for chat
            iframe.style.width = '380px';
            iframe.style.height = iframe_height;
          } else {
            // Shrink iframe to button only
            iframe.style.width = '100px';
            iframe.style.height = '100px';
          }
        }
      });

      // Wait a moment for the srcdoc to parse, then reveal with smooth transition
      setTimeout(() => {
        iframe.style.display = 'block';
        iframe.style.opacity = '1';
        
        // Final aggressive paint nudge: force a reflow
        void iframe.offsetHeight; 
        
        // Second nudge: window resize event
        window.dispatchEvent(new Event('resize'));
        
        console.log('MyAI Widget: Displayed after 2s delay and paint nudge.');
      }, 500);
    })
    .catch(err => {
      console.error('MyAI Chat load error:', err);
    });
  }, 2000);

})();