');
}
});
}
/**
* Render conversations list
*/
function renderConversationsList(conversations) {
var listContainer = chatContainer.find('.wpf-ai-chat-conversations');
if (!conversations || conversations.length === 0) {
listContainer.html('
' + wpforo_phrase('No conversations yet') + '
');
return;
}
var html = '';
conversations.forEach(function (conv) {
var title = conv.title || wpforo_phrase('New Conversation');
var date = formatDate(conv.updated_at || conv.created_at);
var activeClass = (conv.conversation_id == currentConversationId) ? ' wpf-ai-chat-conv-active' : '';
html += '
';
html += '
';
html += '
' + escapeHtml(title) + '
';
html += '
';
html += '' + date + '';
html += '' + conv.message_count + ' ' + wpforo_phrase('messages') + '';
html += '
';
html += '
';
html += '';
html += '
';
});
listContainer.html(html);
}
/**
* Check conversation limit before creating
*/
function checkConversationLimit(callback) {
$.ajax({
url: wpforo.ajax_url,
type: 'GET',
data: {
action: 'wpforo_ai_chat_check_limit',
nonce: chatNonce
},
success: function (response) {
if (response.success) {
callback(response.data);
} else {
callback(null);
}
},
error: function () {
callback(null);
}
});
}
/**
* Show limit warning dialog
*/
function showLimitWarningDialog(limitInfo) {
var oldest = limitInfo.oldest_conversation;
var title = oldest.title;
var msgCount = oldest.message_count;
var message = wpforo_phrase('You have reached the maximum number of conversations') + ' (' + limitInfo.max_allowed + ').\n\n';
message += wpforo_phrase('Creating a new conversation will automatically delete the oldest one') + ':\n';
message += '"' + title + '" (' + msgCount + ' ' + wpforo_phrase('messages') + ')\n\n';
message += wpforo_phrase('You can manually delete a different conversation from the list, or proceed to auto-delete the oldest one.');
return confirm(message);
}
/**
* Create new conversation (with limit check)
*/
function createConversation() {
if (isLoading) return;
// First check if at limit
checkConversationLimit(function (limitInfo) {
if (limitInfo && limitInfo.at_limit) {
// Show warning dialog
if (!showLimitWarningDialog(limitInfo)) {
// User cancelled - don't create
return;
}
}
// Proceed with creation
doCreateConversation();
});
}
/**
* Actually create the conversation
*/
function doCreateConversation() {
if (isLoading) return;
isLoading = true;
$.ajax({
url: wpforo.ajax_url,
type: 'POST',
data: {
action: 'wpforo_ai_chat_create_conversation',
nonce: chatNonce
},
success: function (response) {
isLoading = false;
if (response.success && response.data.conversation) {
currentConversationId = response.data.conversation.conversation_id;
loadConversations();
showChatArea(response.data.conversation, response.data.welcome_message);
} else {
alert(response.data?.message || wpforo_phrase('Error creating conversation'));
}
},
error: function () {
isLoading = false;
alert(wpforo_phrase('Network error. Please try again.'));
}
});
}
/**
* Delete conversation
*/
function deleteConversation(conversationId) {
if (isLoading) return;
if (!confirm(wpforo_phrase('Are you sure you want to delete this conversation?'))) {
return;
}
isLoading = true;
$.ajax({
url: wpforo.ajax_url,
type: 'POST',
data: {
action: 'wpforo_ai_chat_delete_conversation',
nonce: chatNonce,
conversation_id: conversationId
},
success: function (response) {
isLoading = false;
if (response.success) {
if (conversationId == currentConversationId) {
currentConversationId = null;
showWelcomeArea();
}
loadConversations();
} else {
alert(response.data?.message || wpforo_phrase('Error deleting conversation'));
}
},
error: function () {
isLoading = false;
alert(wpforo_phrase('Network error. Please try again.'));
}
});
}
/**
* Load conversation messages
*/
function loadConversation(conversationId) {
if (isLoading) return;
isLoading = true;
currentConversationId = conversationId;
// Update active state in list
chatContainer.find('.wpf-ai-chat-conv').removeClass('wpf-ai-chat-conv-active');
chatContainer.find('.wpf-ai-chat-conv[data-id="' + conversationId + '"]').addClass('wpf-ai-chat-conv-active');
// Show loading in messages area
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
messagesContainer.html('
');
}
});
}
// =========================================================================
// CHAT DISPLAY
// =========================================================================
/**
* Show welcome area (no conversation selected)
*/
function showWelcomeArea() {
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
var inputWrap = chatContainer.find('.wpf-ai-chat-input-wrap');
messagesContainer.html(
'
' +
'
' +
'' +
'
' +
'
' + wpforo_phrase('Start a new conversation or select an existing one') + '
' +
'
'
);
inputWrap.hide();
chatContainer.find('input[name="conversation_id"]').val('');
}
/**
* Show chat area with messages
*/
function showChatArea(conversation, welcomeMessage, messages) {
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
var inputWrap = chatContainer.find('.wpf-ai-chat-input-wrap');
// Set conversation ID in form
chatContainer.find('input[name="conversation_id"]').val(conversation.conversation_id);
// Build messages HTML
var html = '';
// Add welcome message if provided
if (welcomeMessage) {
html += renderMessage({
role: 'assistant',
content: welcomeMessage,
created_at: new Date().toISOString()
});
}
// Add existing messages
if (messages && messages.length > 0) {
messages.forEach(function (msg) {
html += renderMessage(msg);
});
}
if (!html) {
html = '
';
}
messagesContainer.html(html);
inputWrap.show();
// Scroll to bottom
scrollToBottom();
// Focus input
chatContainer.find('.wpf-ai-chat-input').focus();
}
/**
* Render a single message
*/
function renderMessage(msg) {
var isUser = msg.role === 'user';
var className = isUser ? 'wpf-ai-chat-msg-user' : 'wpf-ai-chat-msg-assistant';
var time = formatTime(msg.created_at);
// User messages: escape HTML and convert newlines
// Assistant messages: display as-is (already formatted by PHP)
var content = isUser
? escapeHtml(msg.content).replace(/\n/g, ' ')
: msg.content;
var html = '
';
html += '
';
html += '
' + content + '
';
// Add sources if available (only show if at least one source has a valid URL)
if (msg.sources && msg.sources.length > 0) {
var sourcesHtml = '';
msg.sources.forEach(function (source) {
// Support both 'url' (forum) and 'permalink' (WordPress)
var sourceUrl = source.url || source.permalink || '';
if (sourceUrl) {
var postId = source.post_id || '';
var title = source.title || wpforo_phrase('View topic');
var isWordPress = source.content_source === 'wordpress';
// Format: Title [icon 123] for WordPress, Title [123] for forum
var wpIcon = '';
var idPrefix = isWordPress ? wpIcon : '';
sourcesHtml += '';
sourcesHtml += escapeHtml(title);
sourcesHtml += postId ? ' [' + idPrefix + escapeHtml(postId) + ']' : '';
sourcesHtml += '';
}
});
// Only add sources section if we have valid source links
if (sourcesHtml) {
html += '
';
html += '' + wpforo_phrase('Sources') + ':';
html += sourcesHtml;
html += '
';
}
}
html += '
' + time + '
';
html += '
';
html += '
';
return html;
}
/**
* Append message to chat
*/
function appendMessage(msg) {
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
// Remove empty message placeholder
messagesContainer.find('.wpf-ai-chat-empty').remove();
// Append message
messagesContainer.append(renderMessage(msg));
// Scroll to bottom
scrollToBottom();
}
/**
* Show typing indicator
*/
function showTypingIndicator() {
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
messagesContainer.append(
'
' +
'' +
'
'
);
scrollToBottom();
}
/**
* Hide typing indicator
*/
function hideTypingIndicator() {
chatContainer.find('.wpf-ai-chat-typing').remove();
}
/**
* Scroll chat to bottom
*/
function scrollToBottom() {
var messagesContainer = chatContainer.find('.wpf-ai-chat-messages');
messagesContainer.scrollTop(messagesContainer[0].scrollHeight);
}
// =========================================================================
// MESSAGE SENDING
// =========================================================================
/**
* Send a chat message
*/
function sendMessage(message) {
if (isLoading || !currentConversationId || !message.trim()) return;
isLoading = true;
// Hide global wpforo loading indicator (chat has its own typing indicator)
wpforo_load_hide();
var textarea = chatContainer.find('.wpf-ai-chat-input');
var sendBtn = chatContainer.find('.wpf-ai-chat-send');
// Disable input
textarea.prop('disabled', true);
sendBtn.prop('disabled', true);
// Add user message to chat
appendMessage({
role: 'user',
content: message,
created_at: new Date().toISOString()
});
// Show typing indicator
showTypingIndicator();
// Clear input
textarea.val('').css('height', 'auto');
// Get local context if on a topic page
var localContext = getLocalContext();
$.ajax({
url: wpforo.ajax_url,
type: 'POST',
data: {
action: 'wpforo_ai_chat_send_message',
nonce: chatNonce,
conversation_id: currentConversationId,
message: message,
local_context: localContext
},
success: function (response) {
isLoading = false;
hideTypingIndicator();
wpforo_load_hide();
textarea.prop('disabled', false);
sendBtn.prop('disabled', false);
if (response.success) {
appendMessage({
role: 'assistant',
content: response.data.response,
sources: response.data.sources,
created_at: new Date().toISOString()
});
// Update conversation in list (message count)
loadConversations();
} else {
appendMessage({
role: 'assistant',
content: response.data?.message || wpforo_phrase('Sorry, I encountered an error. Please try again.'),
created_at: new Date().toISOString()
});
}
textarea.focus();
},
error: function () {
isLoading = false;
hideTypingIndicator();
wpforo_load_hide();
textarea.prop('disabled', false);
sendBtn.prop('disabled', false);
appendMessage({
role: 'assistant',
content: wpforo_phrase('Network error. Please check your connection and try again.'),
created_at: new Date().toISOString()
});
textarea.focus();
}
});
}
/**
* Get local context from current page
*/
function getLocalContext() {
var context = {};
// Check if we're on a topic page
var topicTitle = wpforo_wrap.find('.wpforo-topic-title h1').text().trim();
if (topicTitle) {
context.topic_title = topicTitle;
}
// Get forum name from breadcrumb
var forumName = wpforo_wrap.find('.wpforo-breadcrumb a').last().text().trim();
if (forumName) {
context.forum_name = forumName;
}
// Get topic content (first post)
var topicContent = wpforo_wrap.find('.wpforo-post:first .wpf-post-content').text().trim();
if (topicContent) {
context.topic_content = topicContent.substring(0, 1000); // Limit to 1000 chars
}
return Object.keys(context).length > 0 ? context : null;
}
// =========================================================================
// EVENT HANDLERS
// =========================================================================
// Load conversations when chat tab is activated
wpforo_wrap.on('click', '.wpf-ai-tab[data-tab="ai-chat"]', function () {
if (!chatContainer.data('loaded')) {
loadConversations();
chatContainer.data('loaded', true);
}
});
// Create new conversation
chatContainer.on('click', '.wpf-ai-chat-new', function (e) {
e.preventDefault();
createConversation();
});
// Select conversation
chatContainer.on('click', '.wpf-ai-chat-conv', function (e) {
if ($(e.target).closest('.wpf-ai-chat-conv-delete').length) {
return; // Don't select if clicking delete button
}
var convId = $(this).data('id');
loadConversation(convId);
});
// Delete conversation
chatContainer.on('click', '.wpf-ai-chat-conv-delete', function (e) {
e.preventDefault();
e.stopPropagation();
var convId = $(this).closest('.wpf-ai-chat-conv').data('id');
deleteConversation(convId);
});
// Send message form submit
chatContainer.on('submit', '.wpf-ai-chat-form', function (e) {
e.preventDefault();
e.stopPropagation(); // Prevent global form handler from showing loading indicator
var message = chatContainer.find('.wpf-ai-chat-input').val().trim();
if (message) {
sendMessage(message);
}
});
// Enable/disable send button based on input
chatContainer.on('input', '.wpf-ai-chat-input', function () {
var textarea = $(this);
var sendBtn = chatContainer.find('.wpf-ai-chat-send');
sendBtn.prop('disabled', !textarea.val().trim());
autoResizeTextarea(this);
});
// Handle Enter key to send (Shift+Enter for new line)
chatContainer.on('keydown', '.wpf-ai-chat-input', function (e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
chatContainer.find('.wpf-ai-chat-form').submit();
}
});
// Initial load if chat tab is already active
if (chatContainer.closest('.wpf-ai-tab-content-active').length) {
loadConversations();
chatContainer.data('loaded', true);
}
});