Function initializeChatbotLogic

static/chatbot.js:884–1357

(currentUrl, extraUrls, prefixes, chatbotName, wsUrl, instruction = '', isOpenByDefault = false, wasCurrentUrlProvided = false)

    });

    function initializeChatbotLogic(currentUrl, extraUrls, prefixes, chatbotName, wsUrl, instruction = '', isOpenByDefault = false, wasCurrentUrlProvided = false) {
        // Get chat elements
        const chatIcon = document.getElementById('pocketflow-chat-icon');
        const chatWindow = document.getElementById('pocketflow-chat-window');
        const chatMessages = document.getElementById('pocketflow-chat-messages');
        const chatInput = document.getElementById('pocketflow-chat-input');
        const sendButton = document.getElementById('pocketflow-chat-send-button');
        const closeButton = document.getElementById('pocketflow-chat-close-button');
        const maximizeButton = document.getElementById('pocketflow-chat-maximize-button');
        const newConversationButton = document.getElementById('pocketflow-chat-new-conversation-button');
        const typingIndicator = document.getElementById('pocketflow-typing-indicator');
        const charCounter = document.getElementById('pocketflow-char-counter');
        const connectionStatus = document.getElementById('pocketflow-connection-status');

        // Chat state variables
        let isChatOpen = isOpenByDefault; // Open by default if specified
        let isChatMaximized = false; // Never start maximized, let user choose
        let socket = null;
        let isFirstMessage = true;
        let hasPageChanged = false; // Track if page changed since last conversation
        


        // Set initial state if opened by default
        if (isOpenByDefault) {
            isChatMaximized = true;
            chatWindow.classList.add('open', 'maximized');
            
            const [iconMax, iconMin] = ['icon-maximize', 'icon-minimize'].map(cls => maximizeButton.querySelector(`.${cls}`));
            iconMax.style.display = 'none';
            iconMin.style.display = 'block';
            maximizeButton.setAttribute('aria-label', 'Restore chat');
        }

        // Auto-resize textarea and update character counter
        chatInput.addEventListener('input', () => {
            chatInput.style.height = 'auto';
            const newHeight = Math.min(chatInput.scrollHeight, 120);
            chatInput.style.height = newHeight + 'px';
            
            // Ensure overflow is always hidden to prevent scrollbars
            chatInput.style.overflow = 'hidden';
            
            const currentLength = chatInput.value.length;
            charCounter.textContent = `${currentLength}/1000`;
            
            charCounter.classList.remove('warning', 'error');
            if (currentLength > 900) {
                charCounter.classList.add('error');
            } else if (currentLength > 800) {
                charCounter.classList.add('warning');
            }
            
            if (!chatInput.disabled) {
                sendButton.disabled = currentLength > 1000 || currentLength === 0;
            }
        });