${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + const updatedCapabilities = this.getSimpleChatCapabilitiesForAction(actionId, actionName); + updatedCapabilities[definition.key] = checkbox.checked; + this.updateSimpleChatCapabilities(actionId, actionName, updatedCapabilities); + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + section.appendChild(wrapper); + }); + + list.appendChild(section); + }); + } + + getDefaultMsGraphCapabilities(actionId = '', actionName = '') { + const defaults = {}; + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + defaults[definition.key] = true; + }); + + const action = (this.availableActions || []).find(candidate => { + const candidateId = String(candidate?.id || candidate?.name || '').trim(); + const candidateName = String(candidate?.name || candidate?.display_name || '').trim(); + return (actionId && candidateId === actionId) || (actionName && candidateName === actionName); + }); + + const rawCapabilities = action?.additionalFields?.msgraph_capabilities + || action?.additional_fields?.msgraph_capabilities + || action?.msgraph_capabilities; + + if (rawCapabilities && typeof rawCapabilities === 'object' && !Array.isArray(rawCapabilities)) { + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (Object.prototype.hasOwnProperty.call(rawCapabilities, definition.key)) { + defaults[definition.key] = Boolean(rawCapabilities[definition.key]); + } + }); + } + + return defaults; + } + + getMsGraphCapabilitiesForAction(actionId, actionName) { + const defaults = this.getDefaultMsGraphCapabilities(actionId, actionName); + const capabilityMap = this.getActionCapabilityMap(); + const storedCapabilities = capabilityMap[actionId] || capabilityMap[actionName] || {}; + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (Object.prototype.hasOwnProperty.call(storedCapabilities, definition.key)) { + defaults[definition.key] = Boolean(storedCapabilities[definition.key]); + } + }); + + return defaults; + } + + updateMsGraphCapabilities(actionId, actionName, nextCapabilities) { + const otherSettings = this.getParsedAdditionalSettings(); + const capabilityMap = this.getActionCapabilityMap(); + capabilityMap[actionId || actionName] = { ...nextCapabilities }; + otherSettings[ACTION_CAPABILITIES_KEY] = capabilityMap; + this.setParsedAdditionalSettings(otherSettings); + } + + renderMsGraphCapabilitySections() { + const container = document.getElementById('agent-msgraph-capabilities'); + const list = document.getElementById('agent-msgraph-capabilities-list'); + if (!container || !list) { + return; + } + + const selectedMsGraphCards = Array.from(document.querySelectorAll('.action-card.border-primary')).filter(card => { + return (card.getAttribute('data-action-type') || '').toLowerCase() === 'msgraph'; + }); + + if (!selectedMsGraphCards.length || this.isAnyFoundryType()) { + container.classList.add('d-none'); + list.innerHTML = ''; + return; + } + + container.classList.remove('d-none'); + list.innerHTML = ''; + + selectedMsGraphCards.forEach(card => { + const actionId = card.getAttribute('data-action-id') || card.getAttribute('data-action-name') || ''; + const actionName = card.getAttribute('data-action-name') || actionId; + const capabilities = this.getMsGraphCapabilitiesForAction(actionId, actionName); + + const section = document.createElement('div'); + section.className = 'border rounded p-3 bg-light'; + + const heading = document.createElement('div'); + heading.className = 'fw-semibold mb-1'; + heading.textContent = actionName; + section.appendChild(heading); + + const helperText = document.createElement('div'); + helperText.className = 'text-muted small mb-3'; + helperText.textContent = 'These capability toggles apply only to this agent assignment.'; + section.appendChild(helperText); + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + const wrapper = document.createElement('div'); + wrapper.className = 'form-check mb-2'; + + const checkbox = document.createElement('input'); + checkbox.className = 'form-check-input'; + checkbox.type = 'checkbox'; + checkbox.id = `msgraph-capability-${actionId}-${definition.key}`; + checkbox.checked = Boolean(capabilities[definition.key]); + + const label = document.createElement('label'); + label.className = 'form-check-label'; + label.setAttribute('for', checkbox.id); + label.innerHTML = `${this.escapeHtml(definition.label)}
${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + const updatedCapabilities = this.getMsGraphCapabilitiesForAction(actionId, actionName); + updatedCapabilities[definition.key] = checkbox.checked; + this.updateMsGraphCapabilities(actionId, actionName, updatedCapabilities); + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + section.appendChild(wrapper); + }); + + list.appendChild(section); + }); } initializeActionSearch(actions) { diff --git a/application/single_app/static/js/chat/chat-collaboration.js b/application/single_app/static/js/chat/chat-collaboration.js new file mode 100644 index 000000000..b310be402 --- /dev/null +++ b/application/single_app/static/js/chat/chat-collaboration.js @@ -0,0 +1,1844 @@ +// chat-collaboration.js + +import { appendMessage, getCollaborativeTagSuggestions, updateSendButtonVisibility, updateUserMessageId, userInput } from './chat-messages.js'; +import { applyConversationMetadataUpdate } from './chat-conversations.js'; +import { loadUserSettings, saveUserSetting } from './chat-layout.js'; +import { showToast } from './chat-toast.js'; +import { sendMessageWithStreaming } from './chat-streaming.js'; + +const RECENT_COLLABORATORS_KEY = 'recentCollaborators'; +const MAX_RECENT_COLLABORATORS = 12; +const DEFAULT_SUGGESTION_LIMIT = 8; + +const mentionMenu = document.getElementById('collaboration-mention-menu'); +const participantModalEl = document.getElementById('collaboration-participant-modal'); +const participantSearchInput = document.getElementById('collaboration-participant-search-input'); +const participantResults = document.getElementById('collaboration-participant-results'); +const participantConversationIdInput = document.getElementById('collaboration-participant-conversation-id'); +const confirmModalEl = document.getElementById('collaboration-confirm-modal'); +const confirmMessageEl = document.getElementById('collaboration-confirm-message'); +const confirmAddBtn = document.getElementById('collaboration-confirm-add-btn'); +const replyPreviewEl = document.getElementById('collaboration-reply-preview'); +const replyPreviewLabelEl = document.getElementById('collaboration-reply-preview-label'); +const replyPreviewTextEl = document.getElementById('collaboration-reply-preview-text'); +const replyCancelBtn = document.getElementById('collaboration-reply-cancel-btn'); +const sendBtn = document.getElementById('send-btn'); + +let cachedUserSettingsPromise = null; +let activeCollaborativeConversationId = null; +let activeCollaborationEventSource = null; +let activeSubscriptionStartedAt = 0; +let activeReplyContext = null; +let typingUsers = new Map(); +let lastTypingState = false; +let typingStopHandle = null; +let mentionSearchToken = 0; +let activeMentionState = null; +let pendingParticipantConfirmation = null; +const notifiedPendingInviteConversationIds = new Set(); +const promptedPendingInviteConversationIds = new Set(); +const seenCollaborationEventKeys = new Set(); +const collaborationMessageCache = new Map(); +const collaborationConversationCache = new Map(); +const collaborationMarkReadRequests = new Map(); + +function isCollaborationEnabled() { + return Boolean(window.appSettings?.enable_collaborative_conversations); +} + +function getConversationDomItem(conversationId) { + if (!conversationId) { + return null; + } + + return document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`) + || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`); +} + +function getConversationKind(conversationId) { + const item = getConversationDomItem(conversationId); + return item?.dataset?.conversationKind || null; +} + +function isCollaborationConversation(conversationId) { + return getConversationKind(conversationId) === 'collaborative'; +} + +function getConversationChatType(conversationId) { + const item = getConversationDomItem(conversationId); + return item?.getAttribute('data-chat-type') || null; +} + +function getConversationGroupId(conversationId) { + const item = getConversationDomItem(conversationId); + const groupId = String(item?.getAttribute('data-group-id') || item?.dataset?.groupId || '').trim(); + if (groupId) { + return groupId; + } + + const cachedConversation = getCachedCollaborationConversation(conversationId); + return String(cachedConversation?.group_id || cachedConversation?.scope?.group_id || '').trim() || null; +} + +function markCollaborationConversationRead(conversationId, options = {}) { + const { suppressErrorToast = false } = options; + if (!conversationId) { + return Promise.resolve(null); + } + + if (collaborationMarkReadRequests.has(conversationId)) { + return collaborationMarkReadRequests.get(conversationId); + } + + const request = fetch(`/api/collaboration/conversations/${conversationId}/mark-read`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + }) + .then(async response => { + const payload = await response.json().catch(() => ({})); + if (!response.ok || payload.success === false) { + throw new Error(payload.error || 'Failed to clear shared conversation notifications'); + } + return payload; + }) + .catch(error => { + if (!suppressErrorToast) { + showToast(`Failed to clear shared conversation notifications: ${error.message}`, 'danger'); + } + throw error; + }) + .finally(() => { + collaborationMarkReadRequests.delete(conversationId); + }); + + collaborationMarkReadRequests.set(conversationId, request); + return request; +} + +function setConversationDataset(conversationId, metadata = {}) { + const conversationSelectors = [ + `.conversation-item[data-conversation-id="${conversationId}"]`, + `.sidebar-conversation-item[data-conversation-id="${conversationId}"]`, + ]; + + conversationSelectors.forEach(selector => { + const element = document.querySelector(selector); + if (!element) { + return; + } + + if (metadata.conversation_kind) { + element.dataset.conversationKind = metadata.conversation_kind; + } + if (metadata.membership_status) { + element.dataset.membershipStatus = metadata.membership_status; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_manage_members')) { + element.dataset.canManageMembers = metadata.can_manage_members ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_manage_roles')) { + element.dataset.canManageRoles = metadata.can_manage_roles ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_accept_invite')) { + element.dataset.canAcceptInvite = metadata.can_accept_invite ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_post_messages')) { + element.dataset.canPostMessages = metadata.can_post_messages ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_delete_conversation')) { + element.dataset.canDeleteConversation = metadata.can_delete_conversation ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'can_leave_conversation')) { + element.dataset.canLeaveConversation = metadata.can_leave_conversation ? 'true' : 'false'; + } + if (Object.prototype.hasOwnProperty.call(metadata, 'current_user_role')) { + element.dataset.currentUserRole = metadata.current_user_role || ''; + } + }); +} + +function normalizeCollaborator(rawUser) { + if (!rawUser || typeof rawUser !== 'object') { + return null; + } + + const userId = String(rawUser.user_id || rawUser.userId || rawUser.id || '').trim(); + if (!userId) { + return null; + } + + const displayName = String(rawUser.display_name || rawUser.displayName || rawUser.name || rawUser.email || '').trim(); + const email = String(rawUser.email || rawUser.mail || '').trim(); + return { + user_id: userId, + display_name: displayName || email || 'Unknown User', + email, + }; +} + +function normalizeCollaborationConversation(rawConversation = {}) { + const normalizedParticipants = Array.isArray(rawConversation.participants) + ? rawConversation.participants + .map(participant => { + const normalizedParticipant = normalizeCollaborator(participant); + if (!normalizedParticipant) { + return null; + } + + return { + ...participant, + ...normalizedParticipant, + role: String(participant?.role || '').trim(), + status: String(participant?.status || '').trim().toLowerCase(), + }; + }) + .filter(Boolean) + : []; + + return { + ...rawConversation, + conversation_kind: rawConversation.conversation_kind || 'collaborative', + last_updated: rawConversation.last_updated || rawConversation.updated_at || rawConversation.last_message_at || rawConversation.created_at || new Date().toISOString(), + classification: Array.isArray(rawConversation.classification) ? rawConversation.classification : [], + tags: Array.isArray(rawConversation.tags) ? rawConversation.tags : [], + context: Array.isArray(rawConversation.context) ? rawConversation.context : [], + participants: normalizedParticipants, + is_pinned: Boolean(rawConversation.is_pinned), + is_hidden: Boolean(rawConversation.is_hidden), + has_unread_assistant_response: Boolean(rawConversation.has_unread_assistant_response), + }; +} + +function cacheCollaborationConversation(rawConversation = {}) { + const normalizedConversation = normalizeCollaborationConversation(rawConversation); + if (!normalizedConversation.id) { + return normalizedConversation; + } + + collaborationConversationCache.set(normalizedConversation.id, normalizedConversation); + return normalizedConversation; +} + +function getCachedCollaborationConversation(conversationId) { + if (!conversationId) { + return null; + } + + return collaborationConversationCache.get(conversationId) || null; +} + +function getConversationParticipants(conversationId, options = {}) { + const currentUserId = getCurrentUserId(); + const conversation = getCachedCollaborationConversation(conversationId); + const participants = Array.isArray(conversation?.participants) ? conversation.participants : []; + + return participants.filter(participant => { + const participantUserId = String(participant?.user_id || '').trim(); + if (!participantUserId) { + return false; + } + if (!options.includeCurrentUser && participantUserId === currentUserId) { + return false; + } + + const participantStatus = String(participant?.status || '').trim().toLowerCase(); + return !participantStatus || participantStatus === 'accepted'; + }); +} + +function escapeRegExp(value) { + return String(value || '').replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} + +function matchesMentionQuery(collaborator, query = '') { + const normalizedQuery = String(query || '').trim().toLowerCase(); + if (!normalizedQuery) { + return true; + } + + const haystack = `${collaborator?.display_name || ''} ${collaborator?.email || ''}`.trim().toLowerCase(); + return haystack.includes(normalizedQuery); +} + +function buildMentionSuggestionsFromParticipants(conversationId, query = '') { + return getConversationParticipants(conversationId).filter(participant => matchesMentionQuery(participant, query)).map(participant => ({ + ...participant, + action: 'tag', + source: 'participant', + })); +} + +async function loadMentionSuggestions(conversationId, query = '') { + const participantSuggestions = buildMentionSuggestionsFromParticipants(conversationId, query); + const targetSuggestions = getCollaborativeTagSuggestions(query); + const seenUserIds = new Set(participantSuggestions.map(participant => participant.user_id)); + + if (!canUseParticipantFlow(conversationId)) { + return [...participantSuggestions, ...targetSuggestions].slice(0, DEFAULT_SUGGESTION_LIMIT); + } + + const collaboratorSuggestions = await searchConversationParticipantCandidates( + conversationId, + query, + { + recentOnly: false, + limit: DEFAULT_SUGGESTION_LIMIT, + } + ); + const inviteSuggestions = collaboratorSuggestions + .map(collaborator => { + const normalizedCollaborator = normalizeCollaborator(collaborator); + if (!normalizedCollaborator) { + return null; + } + + return { + ...normalizedCollaborator, + source: collaborator.source || 'local', + }; + }) + .filter(Boolean) + .filter(collaborator => !seenUserIds.has(collaborator.user_id)) + .map(collaborator => ({ + ...collaborator, + action: 'invite', + })); + + return [...participantSuggestions, ...targetSuggestions, ...inviteSuggestions].slice(0, DEFAULT_SUGGESTION_LIMIT); +} + +function replaceComposerMention(mentionState, replacementText) { + if (!userInput || !mentionState) { + return; + } + + const beforeMention = userInput.value.slice(0, mentionState.startIndex); + const afterMention = userInput.value.slice(mentionState.endIndex); + const trailingSpacer = afterMention.startsWith(' ') || !afterMention ? '' : ' '; + const nextValue = `${beforeMention}${replacementText} ${trailingSpacer}${afterMention}`.replace(/\s{2,}/g, ' '); + const nextCaretIndex = beforeMention.length + replacementText.length + 1; + + userInput.value = nextValue; + userInput.setSelectionRange(nextCaretIndex, nextCaretIndex); + updateSendButtonVisibility(); + hideMentionMenu(); + userInput.focus(); +} + +function insertParticipantMention(collaborator, mentionState) { + const normalizedCollaborator = normalizeCollaborator(collaborator); + if (!normalizedCollaborator) { + return; + } + + replaceComposerMention(mentionState, `@${normalizedCollaborator.display_name}`); +} + +function insertInvocationTargetMention(target, mentionState) { + const mentionText = String(target?.mention_text || `@${target?.display_name || ''}`).trim(); + if (!mentionText) { + return; + } + + replaceComposerMention(mentionState, mentionText); +} + +function extractMentionedParticipantsFromMessage(messageText, conversationId) { + const normalizedMessageText = String(messageText || ''); + if (!normalizedMessageText.trim()) { + return []; + } + + const participants = getConversationParticipants(conversationId, { includeCurrentUser: true }) + .slice() + .sort((left, right) => String(right?.display_name || '').length - String(left?.display_name || '').length); + + const mentionedParticipants = []; + const seenUserIds = new Set(); + participants.forEach(participant => { + const displayName = String(participant?.display_name || '').trim(); + if (!displayName || seenUserIds.has(participant.user_id)) { + return; + } + + const mentionPattern = new RegExp(`(^|\\s)@${escapeRegExp(displayName)}(?=$|\\s|[.,!?;:])`, 'i'); + if (!mentionPattern.test(normalizedMessageText)) { + return; + } + + seenUserIds.add(participant.user_id); + mentionedParticipants.push({ + user_id: participant.user_id, + display_name: participant.display_name, + email: participant.email || '', + }); + }); + + return mentionedParticipants; +} + +function isCurrentUserMentioned(message = {}) { + const currentUserId = getCurrentUserId(); + if (!currentUserId) { + return false; + } + + const mentionedUserIds = Array.isArray(message?.metadata?.mentioned_user_ids) + ? message.metadata.mentioned_user_ids.map(userId => String(userId || '').trim()) + : []; + return mentionedUserIds.includes(currentUserId); +} + +function escapeHtml(value) { + return String(value ?? '') + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"') + .replace(/'/g, '''); +} + +function buildMessagePreview(content, maxLength = 140) { + const plainText = String(content ?? '').replace(/\s+/g, ' ').trim(); + if (!plainText) { + return 'No message content'; + } + if (plainText.length <= maxLength) { + return plainText; + } + return `${plainText.slice(0, maxLength - 3)}...`; +} + +function buildReplyContext(message = {}) { + const sender = normalizeCollaborator(message.sender || message.metadata?.sender || {}) || {}; + return { + message_id: String(message.id || '').trim(), + sender_display_name: sender.display_name || 'Participant', + content_preview: buildMessagePreview(message.content || ''), + }; +} + +function renderReplyPreview() { + if (!replyPreviewEl || !replyPreviewLabelEl || !replyPreviewTextEl) { + return; + } + + if (!activeReplyContext) { + replyPreviewEl.classList.add('d-none'); + replyPreviewLabelEl.textContent = ''; + replyPreviewTextEl.textContent = ''; + return; + } + + replyPreviewLabelEl.textContent = `Replying to ${activeReplyContext.sender_display_name || 'Participant'}`; + replyPreviewTextEl.textContent = activeReplyContext.content_preview || 'No message content'; + replyPreviewEl.classList.remove('d-none'); +} + +function clearReplyTarget(options = {}) { + activeReplyContext = null; + renderReplyPreview(); + if (options.focusComposer !== false) { + userInput?.focus(); + } +} + +function replyToMessage(message = {}) { + const messageId = String(message.id || '').trim(); + if (!messageId) { + return; + } + + if (!canPostMessages(window.chatConversations?.getCurrentConversationId?.())) { + showToast('Accept the invite before replying in this shared conversation.', 'warning'); + return; + } + + activeReplyContext = buildReplyContext(message); + renderReplyPreview(); + userInput?.focus(); +} + +function getPendingMessageContext(options = {}) { + const conversationId = window.chatConversations?.getCurrentConversationId?.(); + const mentionedParticipants = extractMentionedParticipantsFromMessage(userInput?.value || '', conversationId); + const invocationTarget = options.invocationTarget && typeof options.invocationTarget === 'object' + ? options.invocationTarget + : null; + if (!activeReplyContext && mentionedParticipants.length === 0 && !invocationTarget) { + return null; + } + + const metadata = {}; + if (activeReplyContext) { + metadata.reply_context = { + ...activeReplyContext, + }; + } + if (mentionedParticipants.length > 0) { + metadata.mentioned_participants = mentionedParticipants; + metadata.mentioned_user_ids = mentionedParticipants.map(participant => participant.user_id); + } + if (invocationTarget) { + metadata.ai_invocation_target = { ...invocationTarget }; + metadata.explicit_ai_invocation = true; + } + + return { + reply_to_message_id: activeReplyContext?.message_id || null, + metadata, + }; +} + +function cacheCollaborationMessage(message = {}) { + const messageId = String(message.id || '').trim(); + if (!messageId) { + return; + } + + collaborationMessageCache.set(messageId, { + ...message, + metadata: message.metadata || {}, + sender: message.sender || {}, + }); +} + +function removeCollaborationMessage(messageId) { + const normalizedMessageId = String(messageId || '').trim(); + if (!normalizedMessageId) { + return; + } + + collaborationMessageCache.delete(normalizedMessageId); + + const messageElement = document.querySelector(`[data-message-id="${normalizedMessageId}"]`); + if (messageElement) { + messageElement.remove(); + } + + if (activeReplyContext?.message_id === normalizedMessageId) { + clearReplyTarget({ focusComposer: false }); + } +} + +function clearMessageCache() { + collaborationMessageCache.clear(); +} + +function decorateReplyMessage(message = {}) { + const replyToMessageId = String(message.reply_to_message_id || '').trim(); + if (!replyToMessageId) { + return message; + } + + const replyMessage = collaborationMessageCache.get(replyToMessageId); + if (!replyMessage) { + return message; + } + + return { + ...message, + reply_message: replyMessage, + }; +} + +function buildEventKey(eventEnvelope = {}) { + const payload = eventEnvelope.payload || {}; + return [ + eventEnvelope.conversation_id || payload.conversation?.id || '', + eventEnvelope.event_type || '', + payload.message?.id || payload.message_id || payload.participant?.user_id || payload.user?.user_id || payload.deleted_by_user_id || '', + eventEnvelope.occurred_at || '', + ].join('|'); +} + +function parseCollaborationEventTimestamp(timestamp) { + const normalizedTimestamp = String(timestamp || '').trim(); + if (!normalizedTimestamp) { + return Number.NaN; + } + + if (/(?:Z|[+-]\d{2}:\d{2})$/i.test(normalizedTimestamp)) { + return Date.parse(normalizedTimestamp); + } + + const utcTimestamp = Date.parse(`${normalizedTimestamp}Z`); + if (!Number.isNaN(utcTimestamp)) { + return utcTimestamp; + } + + return Date.parse(normalizedTimestamp); +} + +function isReplayEvent(eventEnvelope = {}) { + if (!activeSubscriptionStartedAt) { + return false; + } + + const occurredAt = parseCollaborationEventTimestamp(eventEnvelope.occurred_at || ''); + if (Number.isNaN(occurredAt)) { + return false; + } + + return occurredAt < (activeSubscriptionStartedAt - 1000); +} + +async function getCachedUserSettings() { + if (!cachedUserSettingsPromise) { + cachedUserSettingsPromise = loadUserSettings().then(settings => settings || {}); + } + return cachedUserSettingsPromise; +} + +function setCachedUserSettings(settings = {}) { + cachedUserSettingsPromise = Promise.resolve(settings || {}); +} + +async function rememberRecentCollaborator(collaborator) { + const normalizedCollaborator = normalizeCollaborator(collaborator); + if (!normalizedCollaborator) { + return; + } + + const userSettings = await getCachedUserSettings(); + const existing = Array.isArray(userSettings[RECENT_COLLABORATORS_KEY]) + ? userSettings[RECENT_COLLABORATORS_KEY] + : []; + + const updatedCollaborators = [ + { + ...normalizedCollaborator, + last_used_at: new Date().toISOString(), + }, + ...existing.filter(item => String(item?.user_id || item?.userId || item?.id || '').trim() !== normalizedCollaborator.user_id), + ].slice(0, MAX_RECENT_COLLABORATORS); + + const nextSettings = { + ...userSettings, + [RECENT_COLLABORATORS_KEY]: updatedCollaborators, + }; + setCachedUserSettings(nextSettings); + saveUserSetting({ [RECENT_COLLABORATORS_KEY]: updatedCollaborators }); +} + +async function fetchJson(url, options = {}) { + const response = await fetch(url, { + credentials: 'same-origin', + ...options, + }); + const payload = await response.json().catch(() => ({})); + if (!response.ok) { + throw new Error(payload.error || `Request failed (${response.status})`); + } + return payload; +} + +async function searchLocalCollaborators(query = '', options = {}) { + const search = new URLSearchParams(); + search.set('query', query); + search.set('limit', String(options.limit || DEFAULT_SUGGESTION_LIMIT)); + if (options.recentOnly) { + search.set('recent_only', 'true'); + } + + const payload = await fetchJson(`/api/user/collaboration-suggestions?${search.toString()}`); + return Array.isArray(payload.results) ? payload.results : []; +} + +function filterParticipantCandidates(candidates, conversationId, limit = DEFAULT_SUGGESTION_LIMIT) { + const normalizedConversationId = String(conversationId || '').trim(); + const currentUserId = getCurrentUserId(); + const conversation = normalizedConversationId + ? getCachedCollaborationConversation(normalizedConversationId) + : null; + const existingParticipantIds = new Set( + Array.isArray(conversation?.participants) + ? conversation.participants + .map(participant => String(participant?.user_id || '').trim()) + .filter(Boolean) + : [] + ); + + return (Array.isArray(candidates) ? candidates : []) + .map(candidate => { + const normalizedCandidate = normalizeCollaborator(candidate); + return normalizedCandidate ? { ...candidate, ...normalizedCandidate } : candidate; + }) + .filter(candidate => { + const candidateUserId = String(candidate?.user_id || candidate?.userId || candidate?.id || '').trim(); + if (!candidateUserId || candidateUserId === currentUserId) { + return false; + } + return !existingParticipantIds.has(candidateUserId); + }) + .slice(0, limit); +} + +async function searchConversationParticipantCandidates(conversationId, query = '', options = {}) { + const limit = Number(options.limit || DEFAULT_SUGGESTION_LIMIT) || DEFAULT_SUGGESTION_LIMIT; + const chatType = getConversationChatType(conversationId); + + if (['group-single-user', 'group_multi_user'].includes(chatType || '')) { + const groupId = getConversationGroupId(conversationId); + if (!groupId) { + return []; + } + + const search = new URLSearchParams(); + if (query) { + search.set('search', query); + } + const payload = await fetchJson(`/api/groups/${groupId}/members?${search.toString()}`); + const groupMembers = Array.isArray(payload) ? payload : []; + const normalizedMembers = groupMembers.map(member => ({ + user_id: member.userId || member.user_id || member.id || '', + display_name: member.displayName || member.display_name || member.name || member.email || '', + email: member.email || '', + source: 'group', + group_role: member.role || '', + })); + return filterParticipantCandidates(normalizedMembers, conversationId, limit); + } + + const collaborators = await searchLocalCollaborators(query, options); + return filterParticipantCandidates(collaborators, conversationId, limit); +} + +function ensureTypingIndicator() { + let typingIndicator = document.getElementById('collaboration-typing-indicator'); + if (typingIndicator) { + return typingIndicator; + } + + const chatbox = document.getElementById('chatbox'); + if (!chatbox || !chatbox.parentElement) { + return null; + } + + typingIndicator = document.createElement('div'); + typingIndicator.id = 'collaboration-typing-indicator'; + typingIndicator.className = 'collaboration-typing-indicator d-none'; + chatbox.insertAdjacentElement('afterend', typingIndicator); + return typingIndicator; +} + +function renderTypingIndicator() { + const typingIndicator = ensureTypingIndicator(); + if (!typingIndicator) { + return; + } + + const now = Date.now(); + typingUsers.forEach((entry, userId) => { + const expiresAt = entry?.expiresAt ? Date.parse(entry.expiresAt) : 0; + if (!expiresAt || expiresAt <= now) { + typingUsers.delete(userId); + } + }); + + if (typingUsers.size === 0) { + typingIndicator.textContent = ''; + typingIndicator.classList.add('d-none'); + return; + } + + const names = Array.from(typingUsers.values()) + .map(entry => entry.displayName) + .filter(Boolean); + + if (names.length === 1) { + typingIndicator.textContent = `${names[0]} is typing...`; + } else if (names.length === 2) { + typingIndicator.textContent = `${names[0]} and ${names[1]} are typing...`; + } else { + typingIndicator.textContent = `${names[0]} and ${names.length - 1} others are typing...`; + } + + typingIndicator.classList.remove('d-none'); +} + +function clearTypingState() { + typingUsers = new Map(); + renderTypingIndicator(); +} + +function updateComposerAvailability(metadata = null) { + if (!userInput || !sendBtn) { + return; + } + + if (!metadata || metadata.conversation_kind !== 'collaborative') { + userInput.disabled = false; + sendBtn.disabled = false; + userInput.placeholder = 'Type your message...'; + return; + } + + const canPostMessages = metadata.can_post_messages !== false; + userInput.disabled = !canPostMessages; + sendBtn.disabled = !canPostMessages; + + if (canPostMessages) { + userInput.placeholder = 'Type a shared message...'; + return; + } + + if (metadata.membership_status === 'pending') { + userInput.placeholder = 'Accept the invite before posting messages...'; + } else { + userInput.placeholder = 'You cannot post messages in this conversation.'; + } +} + +function resolveMessageSenderType(message) { + if (message.role === 'assistant') { + return 'AI'; + } + + if (message.role === 'image') { + return 'image'; + } + + if (message.role === 'file') { + return 'File'; + } + + if (message.role === 'safety') { + return 'safety'; + } + + const senderUserId = message.sender?.user_id || message.metadata?.sender?.user_id || null; + if (senderUserId && senderUserId === getCurrentUserId()) { + return 'You'; + } + + return 'Collaborator'; +} + +function getCurrentUserId() { + return String(window.currentUser?.id || window.currentUser?.user_id || '').trim(); +} + +function getLatestPendingCollaborativeMessageId() { + const pendingMessages = Array.from(document.querySelectorAll('[data-message-id^="temp_user_"]')); + if (pendingMessages.length === 0) { + return null; + } + + return pendingMessages[pendingMessages.length - 1].getAttribute('data-message-id'); +} + +function reconcilePendingCollaborativeUserMessage(message, preferredTempId = null) { + const senderUserId = String(message?.sender?.user_id || message?.metadata?.sender?.user_id || '').trim(); + if (!senderUserId || senderUserId !== getCurrentUserId()) { + return false; + } + + const realMessageId = String(message?.id || '').trim(); + if (!realMessageId) { + return false; + } + + const pendingMessageId = preferredTempId || getLatestPendingCollaborativeMessageId(); + const existingRealMessage = document.querySelector(`[data-message-id="${realMessageId}"]`); + + if (existingRealMessage && pendingMessageId) { + const pendingMessage = document.querySelector(`[data-message-id="${pendingMessageId}"]`); + if (pendingMessage) { + pendingMessage.remove(); + } + return true; + } + + if (pendingMessageId) { + updateUserMessageId(pendingMessageId, realMessageId); + return true; + } + + return Boolean(existingRealMessage); +} + +function renderCollaborationMessage(message, options = {}) { + if (!message || !message.id) { + return; + } + + if (document.querySelector(`[data-message-id="${message.id}"]`)) { + return; + } + + const senderType = resolveMessageSenderType(message); + appendMessage( + senderType, + message.content || '', + message.model_deployment_name || null, + message.id, + Boolean(message.augmented), + Array.isArray(message.hybrid_citations) ? message.hybrid_citations : [], + Array.isArray(message.web_search_citations) ? message.web_search_citations : [], + Array.isArray(message.agent_citations) ? message.agent_citations : [], + message.agent_display_name || null, + message.agent_name || null, + { + ...message, + metadata: message.metadata || {}, + sender: message.sender || {}, + }, + Boolean(options.isNewMessage) + ); +} + +async function loadConversationMessages(conversationId) { + const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}/messages`); + const chatbox = document.getElementById('chatbox'); + if (!chatbox) { + return []; + } + + chatbox.innerHTML = ''; + clearTypingState(); + clearMessageCache(); + + const messages = Array.isArray(payload.messages) ? payload.messages : []; + messages.forEach(message => { + const decoratedMessage = decorateReplyMessage(message); + renderCollaborationMessage(decoratedMessage); + cacheCollaborationMessage(message); + }); + return messages; +} + +function handleTypingEvent(payload = {}) { + const currentUserId = getCurrentUserId(); + const typingUser = normalizeCollaborator(payload.user); + if (!typingUser || typingUser.user_id === currentUserId) { + return; + } + + if (payload.is_typing === false) { + typingUsers.delete(typingUser.user_id); + renderTypingIndicator(); + return; + } + + typingUsers.set(typingUser.user_id, { + displayName: typingUser.display_name, + expiresAt: payload.expires_at, + }); + renderTypingIndicator(); +} + +function disconnectConversationEvents() { + const previousConversationId = activeCollaborativeConversationId; + + if (activeCollaborationEventSource) { + activeCollaborationEventSource.close(); + activeCollaborationEventSource = null; + } + + activeSubscriptionStartedAt = 0; + + if (typingStopHandle) { + window.clearTimeout(typingStopHandle); + typingStopHandle = null; + } + + setTypingState(false, { + force: true, + conversationId: previousConversationId, + }); + + activeCollaborativeConversationId = null; + clearTypingState(); + lastTypingState = false; +} + +function handleConversationEvent(eventEnvelope = {}) { + if (!eventEnvelope || !eventEnvelope.event_type) { + return; + } + + const eventKey = buildEventKey(eventEnvelope); + if (eventKey && seenCollaborationEventKeys.has(eventKey)) { + return; + } + if (eventKey) { + seenCollaborationEventKeys.add(eventKey); + } + + if (isReplayEvent(eventEnvelope)) { + return; + } + + const payload = eventEnvelope.payload || {}; + if (payload.conversation) { + const normalizedConversation = cacheCollaborationConversation(payload.conversation); + setConversationDataset(normalizedConversation.id, normalizedConversation); + applyConversationMetadataUpdate(normalizedConversation.id, normalizedConversation); + if (!['collaboration.message.created', 'collaboration.typing.updated'].includes(eventEnvelope.event_type)) { + void fetchConversationMetadata(normalizedConversation.id).catch(() => {}); + } + } + + if (eventEnvelope.event_type === 'collaboration.message.created' && payload.message) { + const senderUserId = String(payload.message?.sender?.user_id || payload.message?.metadata?.sender?.user_id || '').trim(); + const shouldClearNotifications = Boolean(senderUserId && senderUserId !== getCurrentUserId()); + if (senderUserId && senderUserId !== getCurrentUserId() && isCurrentUserMentioned(payload.message)) { + const senderName = normalizeCollaborator(payload.message.sender || payload.message.metadata?.sender || {})?.display_name || 'A participant'; + showToast(`${senderName} tagged you in a shared message.`, 'info'); + } + + const decoratedMessage = decorateReplyMessage(payload.message); + cacheCollaborationMessage(payload.message); + if (reconcilePendingCollaborativeUserMessage(payload.message)) { + if (shouldClearNotifications) { + void markCollaborationConversationRead(eventEnvelope.conversation_id || payload.message.conversation_id, { + suppressErrorToast: true, + }).catch(() => {}); + } + return; + } + renderCollaborationMessage(decoratedMessage, { isNewMessage: true }); + if (shouldClearNotifications) { + void markCollaborationConversationRead(eventEnvelope.conversation_id || payload.message.conversation_id, { + suppressErrorToast: true, + }).catch(() => {}); + } + return; + } + + if (eventEnvelope.event_type === 'collaboration.typing.updated') { + handleTypingEvent(payload); + return; + } + + if (eventEnvelope.event_type === 'collaboration.message.deleted' && payload.message_id) { + removeCollaborationMessage(payload.message_id); + if (payload.deleted_by_user_id && payload.deleted_by_user_id !== getCurrentUserId()) { + showToast('A shared message was deleted.', 'info'); + } + return; + } + + if (eventEnvelope.event_type === 'collaboration.member.invited' && Array.isArray(payload.participants)) { + return; + } + + if (eventEnvelope.event_type === 'collaboration.member.removed' && payload.participant?.display_name) { + if (String(payload.participant.user_id || '').trim() === getCurrentUserId()) { + showToast('You no longer have access to this shared conversation.', 'warning'); + window.chatConversations?.removeConversationFromUi?.(eventEnvelope.conversation_id || payload.conversation?.id, { + refreshList: true, + skipToast: true, + }); + return; + } + showToast(`${payload.participant.display_name} was removed from the conversation.`, 'info'); + return; + } + + if (eventEnvelope.event_type === 'collaboration.member.role_updated' && payload.participant?.display_name) { + const roleLabel = payload.participant.role === 'admin' ? 'admin' : 'member'; + showToast(`${payload.participant.display_name} is now ${roleLabel}.`, 'success'); + return; + } + + if (eventEnvelope.event_type === 'collaboration.invite.accepted' && payload.participant?.display_name) { + showToast(`${payload.participant.display_name} accepted the invite.`, 'success'); + return; + } + + if (eventEnvelope.event_type === 'collaboration.deleted') { + showToast('This shared conversation was deleted.', 'warning'); + window.chatConversations?.removeConversationFromUi?.(eventEnvelope.conversation_id || payload.conversation?.id, { + refreshList: true, + skipToast: true, + }); + } +} + +function subscribeToConversationEvents(conversationId) { + if (!isCollaborationEnabled() || !conversationId || typeof EventSource === 'undefined') { + return; + } + + disconnectConversationEvents(); + activeCollaborativeConversationId = conversationId; + activeSubscriptionStartedAt = Date.now(); + activeCollaborationEventSource = new EventSource(`/api/collaboration/conversations/${encodeURIComponent(conversationId)}/events`); + activeCollaborationEventSource.onmessage = event => { + if (!event?.data) { + return; + } + + try { + handleConversationEvent(JSON.parse(event.data)); + } catch (error) { + console.warn('Failed to parse collaboration event:', error); + } + }; + activeCollaborationEventSource.onerror = () => { + console.warn('Collaboration event stream disconnected.'); + }; +} + +async function fetchConversationMetadata(conversationId) { + const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}`); + const normalizedConversation = cacheCollaborationConversation(payload.conversation || {}); + setConversationDataset(conversationId, normalizedConversation); + applyConversationMetadataUpdate(conversationId, normalizedConversation); + return normalizedConversation; +} + +function showPendingInviteToast(conversation) { + if (!conversation?.id || !conversation.can_accept_invite) { + return; + } + + if (notifiedPendingInviteConversationIds.has(conversation.id)) { + return; + } + + notifiedPendingInviteConversationIds.add(conversation.id); + const actionId = `collaboration-invite-review-${conversation.id}-${Date.now()}`; + showToast( + `You were invited to ${escapeHtml(conversation.title || 'a collaborative conversation')}. `, + 'warning' + ); + + window.setTimeout(() => { + const actionButton = document.getElementById(actionId); + if (!actionButton) { + return; + } + + actionButton.addEventListener('click', async event => { + event.preventDefault(); + if (window.chatConversations?.selectConversation) { + await window.chatConversations.selectConversation(conversation.id); + } + if (window.showConversationDetails) { + window.showConversationDetails(conversation.id); + } + }, { once: true }); + }, 0); +} + +function notifyPendingInvites(conversations = []) { + conversations.forEach(conversation => { + if (conversation?.can_accept_invite) { + showPendingInviteToast(conversation); + } + }); +} + +async function fetchCollaborationConversationList() { + if (!isCollaborationEnabled()) { + return []; + } + + const payload = await fetchJson('/api/collaboration/conversations?include_pending=true'); + const conversations = Array.isArray(payload.conversations) ? payload.conversations : []; + const normalizedConversations = conversations.map(conversation => cacheCollaborationConversation(conversation)); + notifyPendingInvites(normalizedConversations); + return normalizedConversations; +} + +async function activateConversation(conversationId, metadata = null) { + const conversationMetadata = metadata + ? cacheCollaborationConversation(metadata) + : await fetchConversationMetadata(conversationId); + updateComposerAvailability(conversationMetadata); + clearReplyTarget({ focusComposer: false }); + await loadConversationMessages(conversationId); + markCollaborationConversationRead(conversationId, { suppressErrorToast: true }).catch(error => { + console.warn('Failed to clear shared conversation notifications:', error); + }); + subscribeToConversationEvents(conversationId); + + if (conversationMetadata.can_accept_invite && !promptedPendingInviteConversationIds.has(conversationId)) { + promptedPendingInviteConversationIds.add(conversationId); + showPendingInviteToast(conversationMetadata); + if (window.showConversationDetails) { + window.setTimeout(() => { + window.showConversationDetails(conversationId); + }, 0); + } + } + + return conversationMetadata; +} + +function deactivateConversation() { + disconnectConversationEvents(); + updateComposerAvailability(null); + clearReplyTarget({ focusComposer: false }); + hideMentionMenu(); +} + +async function sendCollaborativeMessage(messageText, tempMessageId = null) { + const conversationId = window.chatConversations?.getCurrentConversationId?.(); + if (!conversationId) { + return null; + } + + const mentionedParticipants = extractMentionedParticipantsFromMessage(messageText, conversationId); + + const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}/messages`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + content: messageText, + reply_to_message_id: activeReplyContext?.message_id || null, + mentioned_participants: mentionedParticipants, + }), + }); + + if (payload.conversation) { + const normalizedConversation = cacheCollaborationConversation(payload.conversation); + setConversationDataset(conversationId, normalizedConversation); + applyConversationMetadataUpdate(conversationId, normalizedConversation); + } + + if (payload.message) { + cacheCollaborationMessage(payload.message); + if (!reconcilePendingCollaborativeUserMessage(payload.message, tempMessageId)) { + renderCollaborationMessage(decorateReplyMessage(payload.message), { isNewMessage: true }); + } + } + + setTypingState(false, { force: true }); + clearReplyTarget(); + return payload; +} + +async function sendCollaborativeAiMessage(messageText, tempMessageId = null, messageData = {}, pendingContext = null) { + const conversationId = window.chatConversations?.getCurrentConversationId?.(); + if (!conversationId) { + throw new Error('No collaborative conversation is active.'); + } + + const mentionedParticipants = extractMentionedParticipantsFromMessage(messageText, conversationId); + const invocationTarget = pendingContext?.metadata?.ai_invocation_target || null; + const requestBody = { + ...messageData, + content: messageText, + reply_to_message_id: activeReplyContext?.message_id || null, + mentioned_participants: mentionedParticipants, + invocation_target: invocationTarget, + }; + + sendMessageWithStreaming( + requestBody, + tempMessageId, + conversationId, + { + endpoint: `/api/collaboration/conversations/${encodeURIComponent(conversationId)}/stream`, + allowRecovery: false, + onError: (errorMessage, errorData = null) => { + if (errorData?.user_message_id && tempMessageId) { + updateUserMessageId(tempMessageId, errorData.user_message_id); + } + + if (errorData?.message_persisted === true) { + return; + } + + const tempMessage = document.querySelector(`[data-message-id="${tempMessageId}"]`); + if (tempMessage) { + tempMessage.remove(); + } + }, + }, + ); + + setTypingState(false, { force: true }); + clearReplyTarget(); + return { started: true }; +} + +function setTypingState(isTyping, options = {}) { + const conversationId = options.conversationId || window.chatConversations?.getCurrentConversationId?.(); + if (!conversationId || !isCollaborationConversation(conversationId) || !canPostMessages(conversationId)) { + return; + } + + if (!options.force && lastTypingState === isTyping) { + return; + } + + lastTypingState = isTyping; + fetch(`/api/collaboration/conversations/${conversationId}/typing`, { + method: 'POST', + credentials: 'same-origin', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ is_typing: isTyping }), + }).catch(error => { + console.warn('Failed to update collaboration typing state:', error); + }); +} + +function scheduleTypingState() { + if (!isCollaborationConversation(window.chatConversations?.getCurrentConversationId?.())) { + return; + } + + const hasContent = Boolean(userInput?.value?.trim()); + setTypingState(hasContent); + + if (typingStopHandle) { + window.clearTimeout(typingStopHandle); + } + typingStopHandle = window.setTimeout(() => { + setTypingState(false); + }, 3000); +} + +function getMentionMatch() { + if (!userInput) { + return null; + } + + const selectionStart = typeof userInput.selectionStart === 'number' + ? userInput.selectionStart + : userInput.value.length; + const beforeCursor = userInput.value.slice(0, selectionStart); + const match = beforeCursor.match(/(^|\s)@([^\s@]*)$/); + if (!match) { + return null; + } + + const startIndex = selectionStart - match[2].length - 1; + return { + query: match[2] || '', + startIndex, + endIndex: selectionStart, + }; +} + +function buildSuggestionItemHtml(suggestion) { + const subtitle = suggestion.action === 'ai_tag' + ? `
${escapeHtml(suggestion.subtitle || (suggestion.target_type === 'agent' ? 'AI agent' : 'Model deployment'))}
`
+ : suggestion.email
+ ? `${escapeHtml(suggestion.email)}
`
+ : 'No email recorded
';
+ const sourceLabel = suggestion.action === 'ai_tag'
+ ? suggestion.target_type === 'agent'
+ ? 'Agent'
+ : 'Model'
+ : suggestion.action === 'tag'
+ ? 'Tag'
+ : suggestion.source === 'recent'
+ ? 'Recent'
+ : 'Invite';
+
+ return `
+
+
+ `;
+}
+
+function hideMentionMenu() {
+ if (!mentionMenu) {
+ return;
+ }
+
+ mentionMenu.innerHTML = '';
+ mentionMenu.classList.add('d-none');
+ activeMentionState = null;
+}
+
+function renderMentionMenu(results, mentionState) {
+ if (!mentionMenu) {
+ return;
+ }
+
+ if (!Array.isArray(results) || results.length === 0) {
+ mentionMenu.innerHTML = '
+
+ ${sourceLabel}
+ ${escapeHtml(suggestion.display_name)}
+ ${subtitle}
+ No matching participants, agents, models, or collaborators found.
';
+ mentionMenu.classList.remove('d-none');
+ activeMentionState = {
+ ...mentionState,
+ results: [],
+ activeIndex: -1,
+ };
+ return;
+ }
+
+ activeMentionState = {
+ ...mentionState,
+ results,
+ activeIndex: 0,
+ };
+
+ mentionMenu.innerHTML = '';
+ results.forEach((result, index) => {
+ const button = document.createElement('button');
+ button.type = 'button';
+ button.className = `list-group-item list-group-item-action collaboration-mention-item${index === 0 ? ' active' : ''}`;
+ button.innerHTML = buildSuggestionItemHtml(result);
+ button.setAttribute('data-index', String(index));
+ button.addEventListener('mousedown', event => {
+ event.preventDefault();
+ if (result.action === 'tag') {
+ insertParticipantMention(result, mentionState);
+ return;
+ }
+
+ if (result.action === 'ai_tag') {
+ insertInvocationTargetMention(result, mentionState);
+ return;
+ }
+
+ openParticipantConfirmation(result, {
+ conversationId: window.chatConversations?.getCurrentConversationId?.(),
+ source: 'mention',
+ mentionState,
+ });
+ });
+ mentionMenu.appendChild(button);
+ });
+ mentionMenu.classList.remove('d-none');
+}
+
+function updateMentionMenuActiveItem() {
+ if (!mentionMenu || !activeMentionState) {
+ return;
+ }
+
+ const items = mentionMenu.querySelectorAll('.collaboration-mention-item');
+ items.forEach((item, index) => {
+ item.classList.toggle('active', index === activeMentionState.activeIndex);
+ });
+}
+
+async function refreshMentionSuggestions() {
+ const conversationId = window.chatConversations?.getCurrentConversationId?.();
+ if (!conversationId) {
+ hideMentionMenu();
+ return;
+ }
+
+ const mentionState = getMentionMatch();
+ if (!mentionState) {
+ hideMentionMenu();
+ return;
+ }
+
+ const searchToken = ++mentionSearchToken;
+ try {
+ const results = await loadMentionSuggestions(conversationId, mentionState.query);
+ if (searchToken !== mentionSearchToken) {
+ return;
+ }
+ renderMentionMenu(results, mentionState);
+ } catch (error) {
+ if (searchToken !== mentionSearchToken) {
+ return;
+ }
+ hideMentionMenu();
+ console.warn('Failed to load mention suggestions:', error);
+ }
+}
+
+function removeMentionFromComposer(mentionState) {
+ if (!userInput || !mentionState) {
+ return;
+ }
+
+ const beforeMention = userInput.value.slice(0, mentionState.startIndex);
+ const afterMention = userInput.value.slice(mentionState.endIndex);
+ const nextValue = `${beforeMention}${afterMention}`.replace(/\s{2,}/g, ' ').trimStart();
+ userInput.value = nextValue;
+ updateSendButtonVisibility();
+ userInput.focus();
+}
+
+function renderParticipantResults(results, emptyMessage = 'No collaborators found.') {
+ if (!participantResults) {
+ return;
+ }
+
+ if (!Array.isArray(results) || results.length === 0) {
+ participantResults.innerHTML = `${emptyMessage}
`;
+ return;
+ }
+
+ participantResults.innerHTML = '';
+ results.forEach(result => {
+ const button = document.createElement('button');
+ button.type = 'button';
+ button.className = 'list-group-item list-group-item-action';
+ button.innerHTML = buildSuggestionItemHtml(result);
+ button.addEventListener('click', () => {
+ openParticipantConfirmation(result, {
+ conversationId: participantConversationIdInput?.value || window.chatConversations?.getCurrentConversationId?.(),
+ source: 'picker',
+ });
+ });
+ participantResults.appendChild(button);
+ });
+}
+
+async function refreshParticipantPickerResults(query = '') {
+ try {
+ const conversationId = participantConversationIdInput?.value || window.chatConversations?.getCurrentConversationId?.();
+ const results = await searchConversationParticipantCandidates(conversationId, query, { recentOnly: false, limit: 12 });
+ renderParticipantResults(results);
+ } catch (error) {
+ renderParticipantResults([], 'Failed to load collaborators.');
+ console.warn('Failed to refresh participant picker results:', error);
+ }
+}
+
+function openParticipantPicker(options = {}) {
+ const conversationId = options.conversationId || window.chatConversations?.getCurrentConversationId?.();
+ if (!conversationId) {
+ showToast('Select a conversation first.', 'warning');
+ return;
+ }
+
+ if (!canUseParticipantFlow(conversationId)) {
+ showToast('Participants can only be added to eligible conversations you manage.', 'warning');
+ return;
+ }
+
+ if (!participantModalEl || !participantSearchInput || !participantConversationIdInput) {
+ return;
+ }
+
+ participantConversationIdInput.value = conversationId;
+ participantSearchInput.value = '';
+ renderParticipantResults([], 'Loading collaborators...');
+ bootstrap.Modal.getOrCreateInstance(participantModalEl).show();
+ refreshParticipantPickerResults('');
+}
+
+function openParticipantConfirmation(userSummary, context = {}) {
+ const collaborator = normalizeCollaborator(userSummary);
+ if (!collaborator || !confirmModalEl || !confirmMessageEl) {
+ return;
+ }
+
+ pendingParticipantConfirmation = {
+ collaborator,
+ context,
+ };
+ confirmMessageEl.innerHTML = `Are you sure you want to add ${collaborator.display_name}${collaborator.email ? ` (${collaborator.email})` : ''} to this conversation?`;
+ bootstrap.Modal.getOrCreateInstance(confirmModalEl).show();
+}
+
+function canUseParticipantFlow(conversationId) {
+ const chatType = getConversationChatType(conversationId);
+ if (!chatType || !['personal_single_user', 'personal_multi_user', 'group-single-user', 'group_multi_user'].includes(chatType)) {
+ return false;
+ }
+
+ if (!isCollaborationConversation(conversationId)) {
+ return true;
+ }
+
+ const item = getConversationDomItem(conversationId);
+ return item?.dataset?.canManageMembers === 'true';
+}
+
+function canPostMessages(conversationId) {
+ if (!isCollaborationConversation(conversationId)) {
+ return true;
+ }
+
+ const item = getConversationDomItem(conversationId);
+ return item?.dataset?.canPostMessages !== 'false';
+}
+
+async function addParticipantToConversation(conversationId, collaborator) {
+ const isCollaborative = isCollaborationConversation(conversationId);
+ const chatType = getConversationChatType(conversationId);
+ let endpoint = `/api/collaboration/conversations/from-personal/${conversationId}/members`;
+ if (isCollaborative) {
+ endpoint = `/api/collaboration/conversations/${conversationId}/members`;
+ } else if (chatType === 'group-single-user') {
+ endpoint = `/api/collaboration/conversations/from-group/${conversationId}/members`;
+ }
+
+ const payload = await fetchJson(endpoint, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ participants: [collaborator],
+ }),
+ });
+
+ const normalizedConversation = cacheCollaborationConversation(payload.conversation || {});
+ await rememberRecentCollaborator(collaborator);
+
+ if (window.chatConversations?.loadConversations) {
+ await window.chatConversations.loadConversations();
+ }
+
+ if (normalizedConversation.id && window.chatConversations?.selectConversation) {
+ await window.chatConversations.selectConversation(normalizedConversation.id);
+ }
+
+ setConversationDataset(normalizedConversation.id, normalizedConversation);
+ return {
+ ...payload,
+ conversation: normalizedConversation,
+ };
+}
+
+async function confirmPendingParticipant() {
+ if (!pendingParticipantConfirmation) {
+ return;
+ }
+
+ const { collaborator, context } = pendingParticipantConfirmation;
+ const conversationId = context.conversationId || window.chatConversations?.getCurrentConversationId?.();
+ if (!conversationId) {
+ return;
+ }
+
+ confirmAddBtn.disabled = true;
+ try {
+ const payload = await addParticipantToConversation(conversationId, collaborator);
+ bootstrap.Modal.getOrCreateInstance(confirmModalEl).hide();
+ bootstrap.Modal.getOrCreateInstance(participantModalEl)?.hide();
+
+ if (context.source === 'mention' && context.mentionState) {
+ removeMentionFromComposer(context.mentionState);
+ hideMentionMenu();
+ }
+
+ showToast(
+ payload.created
+ ? 'Conversation converted to a multi-user chat and participant invited.'
+ : 'Participant invited to the conversation.',
+ 'success'
+ );
+
+ const detailsModalVisible = document.getElementById('conversation-details-modal')?.classList.contains('show');
+ if (detailsModalVisible && window.showConversationDetails && payload.conversation?.id) {
+ window.showConversationDetails(payload.conversation.id);
+ }
+ } catch (error) {
+ showToast(error.message || 'Failed to add participant.', 'danger');
+ } finally {
+ confirmAddBtn.disabled = false;
+ pendingParticipantConfirmation = null;
+ }
+}
+
+async function respondToInvite(conversationId, action) {
+ const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}/invite-response`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ action }),
+ });
+
+ if (window.chatConversations?.loadConversations) {
+ await window.chatConversations.loadConversations();
+ }
+
+ if (action === 'accept') {
+ notifiedPendingInviteConversationIds.delete(conversationId);
+ promptedPendingInviteConversationIds.delete(conversationId);
+ }
+
+ if (action === 'accept' && payload.conversation?.id && window.chatConversations?.selectConversation) {
+ await window.chatConversations.selectConversation(payload.conversation.id);
+ }
+
+ window.hideConversationDetails?.();
+ showToast(action === 'accept' ? 'Invite accepted.' : 'Invite declined.', 'success');
+ return payload;
+}
+
+async function removeParticipant(conversationId, memberUserId) {
+ const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}/members/${encodeURIComponent(memberUserId)}`, {
+ method: 'DELETE',
+ });
+
+ if (window.chatConversations?.loadConversations) {
+ await window.chatConversations.loadConversations();
+ }
+ if (window.chatConversations?.selectConversation) {
+ await window.chatConversations.selectConversation(conversationId);
+ }
+
+ showToast('Participant removed from the conversation.', 'success');
+ if (window.showConversationDetails) {
+ window.showConversationDetails(conversationId);
+ }
+ return payload;
+}
+
+async function updateParticipantRole(conversationId, memberUserId, role) {
+ const payload = await fetchJson(`/api/collaboration/conversations/${conversationId}/members/${encodeURIComponent(memberUserId)}/role`, {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ role }),
+ });
+
+ if (window.chatConversations?.loadConversations) {
+ await window.chatConversations.loadConversations();
+ }
+ if (window.chatConversations?.selectConversation) {
+ await window.chatConversations.selectConversation(conversationId);
+ }
+
+ showToast(role === 'admin' ? 'Participant promoted to admin.' : 'Participant admin access removed.', 'success');
+ if (window.showConversationDetails) {
+ window.showConversationDetails(conversationId);
+ }
+ return payload;
+}
+
+function handleComposerInput() {
+ if (!isCollaborationEnabled()) {
+ return;
+ }
+
+ scheduleTypingState();
+ void refreshMentionSuggestions();
+}
+
+function handleComposerKeydown(event) {
+ if (!activeMentionState || mentionMenu?.classList.contains('d-none')) {
+ if (event.key === 'Escape' && activeReplyContext) {
+ clearReplyTarget();
+ return true;
+ }
+ return false;
+ }
+
+ if (event.key === 'ArrowDown') {
+ event.preventDefault();
+ activeMentionState.activeIndex = Math.min(activeMentionState.activeIndex + 1, Math.max(activeMentionState.results.length - 1, 0));
+ updateMentionMenuActiveItem();
+ return true;
+ }
+
+ if (event.key === 'ArrowUp') {
+ event.preventDefault();
+ activeMentionState.activeIndex = Math.max(activeMentionState.activeIndex - 1, 0);
+ updateMentionMenuActiveItem();
+ return true;
+ }
+
+ if (event.key === 'Enter' && activeMentionState.activeIndex >= 0) {
+ event.preventDefault();
+ const collaborator = activeMentionState.results[activeMentionState.activeIndex];
+ if (collaborator) {
+ if (collaborator.action === 'tag') {
+ insertParticipantMention(collaborator, activeMentionState);
+ } else if (collaborator.action === 'ai_tag') {
+ insertInvocationTargetMention(collaborator, activeMentionState);
+ } else {
+ openParticipantConfirmation(collaborator, {
+ conversationId: window.chatConversations?.getCurrentConversationId?.(),
+ source: 'mention',
+ mentionState: activeMentionState,
+ });
+ }
+ }
+ return true;
+ }
+
+ if (event.key === 'Escape') {
+ hideMentionMenu();
+ return true;
+ }
+
+ return false;
+}
+
+function handleComposerBlur() {
+ window.setTimeout(() => {
+ hideMentionMenu();
+ }, 100);
+}
+
+function initializeUi() {
+ if (!isCollaborationEnabled()) {
+ return;
+ }
+
+ if (participantSearchInput) {
+ participantSearchInput.addEventListener('input', event => {
+ void refreshParticipantPickerResults(event.target.value || '');
+ });
+ }
+
+ if (participantModalEl) {
+ participantModalEl.addEventListener('shown.bs.modal', () => {
+ participantSearchInput?.focus();
+ });
+ }
+
+ if (confirmAddBtn) {
+ confirmAddBtn.addEventListener('click', () => {
+ void confirmPendingParticipant();
+ });
+ }
+
+ if (replyCancelBtn) {
+ replyCancelBtn.addEventListener('click', () => {
+ clearReplyTarget();
+ });
+ }
+
+ document.addEventListener('click', event => {
+ if (!mentionMenu || mentionMenu.classList.contains('d-none')) {
+ return;
+ }
+
+ const withinMentionMenu = mentionMenu.contains(event.target);
+ if (!withinMentionMenu && event.target !== userInput) {
+ hideMentionMenu();
+ }
+ });
+}
+
+window.chatCollaboration = {
+ activateConversation,
+ clearReplyTarget,
+ deactivateConversation,
+ fetchCollaborationConversationList,
+ fetchConversationMetadata,
+ getPendingMessageContext,
+ handleComposerBlur,
+ handleComposerInput,
+ handleComposerKeydown,
+ isCollaborationConversation,
+ openParticipantPicker,
+ removeParticipant,
+ replyToMessage,
+ respondToInvite,
+ sendCollaborativeAiMessage,
+ sendCollaborativeMessage,
+ updateParticipantRole,
+ canUseParticipantFlow,
+ markConversationRead: markCollaborationConversationRead,
+};
+
+if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', initializeUi);
+} else {
+ initializeUi();
+}
\ No newline at end of file
diff --git a/application/single_app/static/js/chat/chat-conversation-details.js b/application/single_app/static/js/chat/chat-conversation-details.js
index c8438617a..dac9ad1c1 100644
--- a/application/single_app/static/js/chat/chat-conversation-details.js
+++ b/application/single_app/static/js/chat/chat-conversation-details.js
@@ -5,20 +5,105 @@
import { isColorLight } from "./chat-utils.js";
+function getConversationDetailsModalElements() {
+ return {
+ modal: document.getElementById('conversation-details-modal'),
+ modalTitle: document.getElementById('conversationDetailsModalLabel'),
+ content: document.getElementById('conversation-details-content'),
+ actionContainer: document.getElementById('conversation-details-actions'),
+ };
+}
+
+function cleanupConversationDetailsModalState() {
+ const anyVisibleModal = document.querySelector('.modal.show');
+ if (anyVisibleModal) {
+ return;
+ }
+
+ document.querySelectorAll('.modal-backdrop').forEach(backdrop => backdrop.remove());
+ document.body.classList.remove('modal-open');
+ document.body.style.removeProperty('padding-right');
+}
+
+function getConversationDetailsModalInstance() {
+ const { modal } = getConversationDetailsModalElements();
+ if (!modal || !window.bootstrap?.Modal) {
+ return null;
+ }
+ return bootstrap.Modal.getOrCreateInstance(modal);
+}
+
+export function hideConversationDetails() {
+ const { modal } = getConversationDetailsModalElements();
+ const modalInstance = getConversationDetailsModalInstance();
+ if (!modal || !modalInstance) {
+ cleanupConversationDetailsModalState();
+ return;
+ }
+
+ if (modal.classList.contains('show')) {
+ modalInstance.hide();
+ window.setTimeout(cleanupConversationDetailsModalState, 200);
+ return;
+ }
+
+ cleanupConversationDetailsModalState();
+}
+
+function renderConversationDetailsActions(metadata, conversationId) {
+ const { actionContainer } = getConversationDetailsModalElements();
+ if (!actionContainer) {
+ return;
+ }
+
+ if (!metadata || !conversationId) {
+ actionContainer.innerHTML = '';
+ return;
+ }
+
+ const actionButtons = [];
+
+ if (window.chatExport?.openExportWizard) {
+ actionButtons.push(`
+
+ `);
+ }
+
+ const isCollaborativeConversation = metadata.conversation_kind === 'collaborative';
+ const canShowDeleteAction = isCollaborativeConversation
+ ? Boolean(metadata.can_delete_conversation || metadata.can_leave_conversation)
+ : true;
+
+ if (canShowDeleteAction) {
+ const deleteLabel = isCollaborativeConversation
+ ? (metadata.can_delete_conversation ? 'Delete / Leave' : 'Leave')
+ : 'Delete';
+ actionButtons.push(`
+
+ `);
+ }
+
+ actionContainer.innerHTML = actionButtons.join('');
+}
+
/**
* Show conversation details in a modal
* @param {string} conversationId - The conversation ID to show details for
*/
export async function showConversationDetails(conversationId) {
- const modal = document.getElementById('conversation-details-modal');
- const modalTitle = document.getElementById('conversationDetailsModalLabel');
- const content = document.getElementById('conversation-details-content');
+ const { modal, modalTitle, content } = getConversationDetailsModalElements();
if (!modal || !content) {
console.error('Conversation details modal not found');
return;
}
+ renderConversationDetailsActions(null, null);
+
// Show loading state
content.innerHTML = `
@@ -30,19 +115,29 @@ export async function showConversationDetails(conversationId) {
`;
// Show the modal
- const bsModal = new bootstrap.Modal(modal);
- bsModal.show();
+ const bsModal = getConversationDetailsModalInstance();
+ if (bsModal && !modal.classList.contains('show')) {
+ bsModal.show();
+ }
try {
- // Fetch conversation metadata
- const response = await fetch(`/api/conversations/${conversationId}/metadata`);
-
- if (!response.ok) {
- throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+ const conversationItem = document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)
+ || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`);
+ const isCollaborativeConversation = conversationItem?.dataset?.conversationKind === 'collaborative';
+ let metadata = null;
+
+ if (isCollaborativeConversation && window.chatCollaboration?.fetchConversationMetadata) {
+ metadata = await window.chatCollaboration.fetchConversationMetadata(conversationId);
+ } else {
+ const response = await fetch(`/api/conversations/${conversationId}/metadata`);
+
+ if (!response.ok) {
+ throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+ }
+
+ metadata = await response.json();
}
- const metadata = await response.json();
-
// Update modal title with conversation title, pin icon, and hidden icon
const pinIcon = metadata.is_pinned ? '' : '';
const hiddenIcon = metadata.is_hidden ? '' : '';
@@ -53,9 +148,12 @@ export async function showConversationDetails(conversationId) {
// Render the metadata
content.innerHTML = renderConversationMetadata(metadata, conversationId);
+ renderConversationDetailsActions(metadata, conversationId);
+ attachConversationDetailActions(metadata, conversationId);
} catch (error) {
console.error('Error fetching conversation details:', error);
+ renderConversationDetailsActions(null, null);
content.innerHTML = `
@@ -161,15 +296,20 @@ function renderConversationMetadata(metadata, conversationId) {
}
// Participants Section
- if (tagsByCategory.participant.length > 0) {
+ if (participantRecords.length > 0 || can_manage_members || can_accept_invite) {
html += `
@@ -75,7 +173,32 @@ export async function showConversationDetails(conversationId) {
* @returns {string} HTML string
*/
function renderConversationMetadata(metadata, conversationId) {
- const { context = [], tags = [], strict = false, classification = [], last_updated, chat_type = 'personal', is_pinned = false, is_hidden = false, scope_locked, locked_contexts = [], summary = null } = metadata;
+ const {
+ context = [],
+ tags = [],
+ strict = false,
+ classification = [],
+ last_updated,
+ updated_at,
+ chat_type = 'personal',
+ is_pinned = false,
+ is_hidden = false,
+ scope_locked,
+ locked_contexts = [],
+ summary = null,
+ conversation_kind = null,
+ participants = [],
+ membership_status = null,
+ can_manage_members = false,
+ can_manage_roles = false,
+ can_accept_invite = false,
+ can_post_messages = true,
+ can_delete_conversation = false,
+ can_leave_conversation = false,
+ current_user_role = '',
+ pending_invite_count = 0,
+ } = metadata;
+ const resolvedLastUpdated = last_updated || updated_at;
// Organize tags by category
const tagsByCategory = {
@@ -94,6 +217,13 @@ function renderConversationMetadata(metadata, conversationId) {
}
});
+ const participantRecords = Array.isArray(participants) && participants.length > 0
+ ? participants
+ : tagsByCategory.participant;
+ const collaborationStatusHtml = conversation_kind === 'collaborative'
+ ? renderCollaborationMembershipStatus(membership_status, can_post_messages, pending_invite_count)
+ : `${is_pinned ? 'Pinned' : ''} ${is_hidden ? 'Hidden' : ''}${!is_pinned && !is_hidden ? 'Normal' : ''}`;
+
// Build HTML sections
let html = `
@@ -121,7 +251,7 @@ function renderConversationMetadata(metadata, conversationId) {
Conversation ID:
${conversationId}
- Last Updated: ${formatDate(last_updated)}
+ Last Updated: ${formatDate(resolvedLastUpdated)}
Strict Mode: ${strict ? 'Enabled' : 'Disabled'}
@@ -133,11 +263,16 @@ function renderConversationMetadata(metadata, conversationId) {
Classifications: ${formatClassifications(classification)}
- Status: ${is_pinned ? 'Pinned' : ''} ${is_hidden ? 'Hidden' : ''}${!is_pinned && !is_hidden ? 'Normal' : ''}
+ Status: ${collaborationStatusHtml}
Scope Lock: ${formatScopeLockStatus(scope_locked, locked_contexts)}
+ ${conversation_kind === 'collaborative' ? `
+
+ Your Role: ${formatCollaborationRole(current_user_role, can_delete_conversation, can_leave_conversation)}
+
+ ` : ''}
-
@@ -244,6 +384,70 @@ function renderConversationMetadata(metadata, conversationId) {
return html;
}
+function renderCollaborationMembershipStatus(membershipStatus, canPostMessages, pendingInviteCount) {
+ if (!membershipStatus) {
+ return 'Normal';
+ }
+
+ const badges = [];
+ if (membershipStatus === 'accepted' || membershipStatus === 'group_member') {
+ badges.push('Active member');
+ }
+ if (membershipStatus === 'pending') {
+ badges.push('Invite pending');
+ }
+ if (!canPostMessages) {
+ badges.push('Read-only');
+ }
+ if (pendingInviteCount > 0) {
+ badges.push(`${pendingInviteCount} pending`);
+ }
+
+ return badges.join(' ') || 'Normal';
+}
+
+function formatCollaborationRole(currentUserRole, canDeleteConversation, canLeaveConversation) {
+ if (!currentUserRole) {
+ return 'Participant';
+ }
+
+ if (currentUserRole === 'owner') {
+ return `Owner${canDeleteConversation ? ' Can delete for everyone' : ''}`;
+ }
+ if (currentUserRole === 'admin') {
+ return 'Admin Can invite members';
+ }
+ if (canLeaveConversation) {
+ return 'Member';
+ }
+ return 'Participant';
+}
+
+function renderCollaborationActionButtons(conversationId, metadata) {
+ if (metadata.can_accept_invite) {
+ return `
+
+
Participants
+ ${renderCollaborationActionButtons(conversationId, metadata)}
- ${renderParticipantsSection(tagsByCategory.participant)}
+ ${renderParticipantsSection(participantRecords, {
+ canManageMembers: can_manage_members,
+ canManageRoles: can_manage_roles,
+ conversationKind: conversation_kind,
+ })}
+
+
+
+ `;
+ }
+
+ if (metadata.can_manage_members) {
+ return `
+
+ `;
+ }
+
+ return '';
+}
+
/**
* Render context section
*/
@@ -255,7 +459,7 @@ function renderContextSection(context) {
if (primary) {
const displayName = primary.name || primary.id;
- const isGroupChat = primary.scope === 'group';
+ const groupContextBadge = primary.scope === 'group' ? 'group' : '';
html += `
@@ -263,7 +467,7 @@ function renderContextSection(context) {
`;
metadataContainerHtml = ``;
+ } else if (sender === "Collaborator") {
+ const metadataContainerId = `metadata-${messageId || Date.now()}`;
+ messageFooterHtml = `
+ `;
+ metadataContainerHtml = ``;
} else if (sender === "image" || sender === "File") {
// Image and file messages get mask button on left, metadata button on right side
const metadataContainerId = `metadata-${messageId || Date.now()}`;
@@ -1213,9 +1606,11 @@ export function appendMessage(
sender === "You" || sender === "File" ? "flex-row-reverse" : ""
}">
${
- avatarImg
- ? `
${primary.scope}
- ${isGroupChat ? 'single-user' : ''}
+ ${groupContextBadge}
${displayName}
${primary.name ? `ID: ${primary.id}
` : ''}
@@ -299,22 +503,68 @@ function renderContextSection(context) {
/**
* Render participants section
*/
-function renderParticipantsSection(participants) {
+function renderParticipantsSection(participants, options = {}) {
let html = '';
participants.forEach(participant => {
- const initials = (participant.name || 'U').slice(0, 2).toUpperCase();
+ const displayName = participant.display_name || participant.name || 'Unknown User';
+ const participantStatus = participant.status || null;
+ const participantRole = participant.role || null;
+ const initials = displayName.slice(0, 2).toUpperCase();
const avatarId = `participant-avatar-${participant.user_id}`;
+ const canRemoveParticipant = Boolean(options.canManageMembers)
+ && options.conversationKind === 'collaborative'
+ && participantRole !== 'owner';
+ const canToggleAdmin = Boolean(options.canManageRoles)
+ && options.conversationKind === 'collaborative'
+ && participantRole !== 'owner'
+ && participantStatus === 'accepted';
+
+ let statusBadgesHtml = '';
+ if (participantRole === 'owner') {
+ statusBadgesHtml += 'Owner';
+ }
+ if (participantRole === 'admin') {
+ statusBadgesHtml += 'Admin';
+ }
+ if (participantStatus === 'pending') {
+ statusBadgesHtml += 'Pending';
+ }
+ if (participantStatus === 'removed') {
+ statusBadgesHtml += 'Removed';
+ }
+ if (participantStatus === 'declined') {
+ statusBadgesHtml += 'Declined';
+ }
+
+ const participantActions = [];
+ if (canToggleAdmin) {
+ const nextRole = participantRole === 'admin' ? 'member' : 'admin';
+ const roleActionLabel = participantRole === 'admin' ? 'Remove admin' : 'Make admin';
+ participantActions.push(`
+
+ `);
+ }
+ if (canRemoveParticipant) {
+ participantActions.push(`
+
+ `);
+ }
html += `
-
+
`;
+ }
+
+ return `
+
`;
+ messageDiv.dataset.replySenderName = stripHtmlTags(senderLabel).replace(/\s+/g, " ").trim() || "AI";
+ messageDiv.dataset.replyPreviewText = buildPlainTextPreview(messageContent);
+
messageDiv.classList.add(messageClass); // Add AI message class
chatbox.appendChild(messageDiv); // Append AI message
@@ -1035,11 +1382,24 @@ export function appendMessage(
} else {
avatarImg = "/static/images/user-avatar.png";
}
-
+
+ const renderedMessageContent = stripMentionTextFromMessageContent(messageContent, fullMessageObject);
const sanitizedUserHtml = DOMPurify.sanitize(
- marked.parse(escapeHtml(messageContent))
+ marked.parse(escapeHtml(renderedMessageContent))
);
messageContentHtml = addTargetBlankToExternalLinks(sanitizedUserHtml);
+ } else if (sender === "Collaborator") {
+ messageClass = "collaborator-message";
+ senderLabel = fullMessageObject?.sender?.display_name
+ || fullMessageObject?.metadata?.sender?.display_name
+ || "Participant";
+ avatarAltText = `${senderLabel} Avatar`;
+ avatarHtml = createCollaboratorAvatarHtml(fullMessageObject, senderLabel);
+ const renderedMessageContent = stripMentionTextFromMessageContent(messageContent, fullMessageObject);
+ const sanitizedCollaboratorHtml = DOMPurify.sanitize(
+ marked.parse(escapeHtml(renderedMessageContent))
+ );
+ messageContentHtml = addTargetBlankToExternalLinks(sanitizedCollaboratorHtml);
} else if (sender === "File") {
messageClass = "file-message";
senderLabel = "File Added";
@@ -1121,6 +1481,17 @@ export function appendMessage(
// Create message footer for user, image, and file messages
let messageFooterHtml = "";
let metadataContainerHtml = "";
+ const replyQuoteHtml = (sender === "You" || sender === "Collaborator")
+ ? renderReplyQuoteHtml(fullMessageObject)
+ : "";
+ const invocationTargetHtml = (sender === "You" || sender === "Collaborator")
+ ? renderInvocationTargetHtml(fullMessageObject)
+ : "";
+ const mentionTagsHtml = (sender === "You" || sender === "Collaborator")
+ ? renderMentionTagsHtml(fullMessageObject)
+ : "";
+ const hasVisibleMessageText = sender === "image"
+ || Boolean(stripHtmlTags(messageContentHtml || "").replace(/\s+/g, " ").trim());
if (sender === "You") {
const metadataContainerId = `metadata-${messageId || Date.now()}`;
const isMasked = fullMessageObject?.metadata?.masked || (fullMessageObject?.metadata?.masked_ranges && fullMessageObject.metadata.masked_ranges.length > 0);
@@ -1166,6 +1537,28 @@ export function appendMessage(
${initials}
-
-
`;
});
@@ -329,6 +579,67 @@ function renderParticipantsSection(participants) {
return html;
}
+function attachConversationDetailActions(metadata, conversationId) {
+ const addParticipantBtn = document.querySelector('[data-collaboration-action="add-participant"]');
+ const acceptInviteBtn = document.querySelector('[data-collaboration-action="accept-invite"]');
+ const declineInviteBtn = document.querySelector('[data-collaboration-action="decline-invite"]');
+ const removeParticipantButtons = document.querySelectorAll('[data-collaboration-action="remove-participant"]');
+ const roleButtons = document.querySelectorAll('[data-collaboration-action="toggle-participant-role"]');
+ const exportConversationBtn = document.querySelector('[data-conversation-action="export"]');
+ const deleteConversationBtn = document.querySelector('[data-conversation-action="delete"]');
+
+ if (addParticipantBtn) {
+ addParticipantBtn.addEventListener('click', () => {
+ window.chatCollaboration?.openParticipantPicker?.({ conversationId });
+ });
+ }
+
+ if (acceptInviteBtn) {
+ acceptInviteBtn.addEventListener('click', () => {
+ window.chatCollaboration?.respondToInvite?.(conversationId, 'accept');
+ });
+ }
+
+ if (declineInviteBtn) {
+ declineInviteBtn.addEventListener('click', () => {
+ window.chatCollaboration?.respondToInvite?.(conversationId, 'decline');
+ });
+ }
+
+ removeParticipantButtons.forEach(button => {
+ button.addEventListener('click', () => {
+ const memberUserId = button.getAttribute('data-member-user-id');
+ if (!memberUserId) {
+ return;
+ }
+ window.chatCollaboration?.removeParticipant?.(conversationId, memberUserId);
+ });
+ });
+
+ roleButtons.forEach(button => {
+ button.addEventListener('click', () => {
+ const memberUserId = button.getAttribute('data-member-user-id');
+ const nextRole = button.getAttribute('data-next-role');
+ if (!memberUserId || !nextRole) {
+ return;
+ }
+ window.chatCollaboration?.updateParticipantRole?.(conversationId, memberUserId, nextRole);
+ });
+ });
+
+ if (exportConversationBtn) {
+ exportConversationBtn.addEventListener('click', () => {
+ window.chatExport?.openExportWizard?.([conversationId], true);
+ });
+ }
+
+ if (deleteConversationBtn) {
+ deleteConversationBtn.addEventListener('click', () => {
+ window.chatConversations?.deleteConversation?.(conversationId);
+ });
+ }
+}
+
/**
* Load profile image for a participant
*/
@@ -751,3 +1062,20 @@ document.addEventListener('click', function(e) {
// Export functions for external use
window.showConversationDetails = showConversationDetails;
+window.hideConversationDetails = hideConversationDetails;
+
+function initializeConversationDetailsModal() {
+ const { modal } = getConversationDetailsModalElements();
+ if (!modal || modal.dataset.initialized === 'true') {
+ return;
+ }
+
+ modal.dataset.initialized = 'true';
+ modal.addEventListener('hidden.bs.modal', cleanupConversationDetailsModalState);
+}
+
+if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', initializeConversationDetailsModal);
+} else {
+ initializeConversationDetailsModal();
+}
diff --git a/application/single_app/static/js/chat/chat-conversation-info-button.js b/application/single_app/static/js/chat/chat-conversation-info-button.js
index dfb5e0b72..07aa27a8b 100644
--- a/application/single_app/static/js/chat/chat-conversation-info-button.js
+++ b/application/single_app/static/js/chat/chat-conversation-info-button.js
@@ -36,7 +36,7 @@ export function toggleConversationInfoButton(hasActiveConversation) {
const infoButton = document.getElementById('conversation-info-btn');
if (infoButton) {
- infoButton.style.display = hasActiveConversation ? 'inline-block' : 'none';
+ infoButton.classList.toggle('d-none', !hasActiveConversation);
}
}
@@ -53,3 +53,34 @@ export function showConversationInfoButton() {
export function hideConversationInfoButton() {
toggleConversationInfoButton(false);
}
+
+function buildWorkflowActivityUrl(conversationId, workflowId) {
+ if (!conversationId) {
+ return '';
+ }
+
+ const url = new URL('/workflow-activity', window.location.origin);
+ url.searchParams.set('conversationId', conversationId);
+ if (workflowId) {
+ url.searchParams.set('workflowId', workflowId);
+ }
+ return url.toString();
+}
+
+export function updateWorkflowActivityButton(conversationId, metadata = {}) {
+ const activityButton = document.getElementById('workflow-activity-btn');
+ if (!activityButton) {
+ return;
+ }
+
+ const workflowId = String(metadata.workflow_id || '').trim();
+ const isWorkflowConversation = String(metadata.chat_type || '').trim().toLowerCase() === 'workflow' || Boolean(workflowId);
+ const activityUrl = isWorkflowConversation ? buildWorkflowActivityUrl(conversationId, workflowId) : '';
+
+ activityButton.classList.toggle('d-none', !activityUrl);
+ activityButton.href = activityUrl || '#';
+}
+
+export function hideWorkflowActivityButton() {
+ updateWorkflowActivityButton('', {});
+}
diff --git a/application/single_app/static/js/chat/chat-conversations.js b/application/single_app/static/js/chat/chat-conversations.js
index 560571e92..6adc27d9f 100644
--- a/application/single_app/static/js/chat/chat-conversations.js
+++ b/application/single_app/static/js/chat/chat-conversations.js
@@ -9,7 +9,11 @@ import {
setActiveConversation as setSidebarActiveConversation,
setConversationUnreadState as setSidebarConversationUnreadState,
} from "./chat-sidebar-conversations.js";
-import { toggleConversationInfoButton } from "./chat-conversation-info-button.js";
+import {
+ hideWorkflowActivityButton,
+ toggleConversationInfoButton,
+ updateWorkflowActivityButton,
+} from "./chat-conversation-info-button.js";
import { restoreScopeLockState, resetScopeLock } from "./chat-documents.js";
import { loadUserSettings } from "./chat-layout.js";
import { setUserSetting } from "../agents_common.js";
@@ -23,6 +27,15 @@ const conversationsList = document.getElementById("conversations-list");
const currentConversationTitleEl = document.getElementById("current-conversation-title");
const currentConversationClassificationsEl = document.getElementById("current-conversation-classifications");
const chatbox = document.getElementById("chatbox");
+const deleteConversationModalEl = document.getElementById("delete-conversation-modal");
+const deleteConversationMessageEl = document.getElementById("delete-conversation-message");
+const deleteConversationSharedWarningEl = document.getElementById("delete-conversation-shared-warning");
+const deleteConversationOwnerOptionsEl = document.getElementById("delete-conversation-owner-options");
+const deleteConversationTransferOptionEl = document.getElementById("delete-conversation-transfer-option");
+const deleteConversationOwnerSelectContainerEl = document.getElementById("delete-conversation-owner-select-container");
+const deleteConversationNewOwnerSelectEl = document.getElementById("delete-conversation-new-owner-select");
+const deleteConversationImpactNoteEl = document.getElementById("delete-conversation-impact-note");
+const confirmDeleteConversationBtn = document.getElementById("confirm-delete-conversation-btn");
// Track selected conversations
let selectedConversations = new Set();
@@ -94,6 +107,7 @@ let showQuickSearch = false; // Track if quick search input is visible
let quickSearchTerm = ""; // Current search term
let pendingConversationCreation = null; // Reuse a single in-flight create request
const markConversationReadRequests = new Map();
+let pendingDeleteConversationContext = null;
function createUnreadDotElement() {
const unreadDot = document.createElement("span");
@@ -226,16 +240,49 @@ export function applyConversationMetadataUpdate(conversationId, updates = {}) {
convoItem.setAttribute('data-conversation-title', updates.title);
const titleElement = convoItem.querySelector('.conversation-title');
if (titleElement) {
- const pinIcon = titleElement.querySelector('.bi-pin-angle');
+ const existingIcons = Array.from(titleElement.querySelectorAll('i')).map(icon => icon.cloneNode(true));
titleElement.innerHTML = '';
- if (pinIcon) {
- titleElement.appendChild(pinIcon);
- }
+ existingIcons.forEach(icon => titleElement.appendChild(icon));
titleElement.appendChild(document.createTextNode(updates.title));
titleElement.title = updates.title;
}
}
+ if (updates.conversation_kind) {
+ convoItem.dataset.conversationKind = updates.conversation_kind;
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'membership_status') && updates.membership_status) {
+ convoItem.dataset.membershipStatus = updates.membership_status;
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_manage_members')) {
+ convoItem.dataset.canManageMembers = updates.can_manage_members ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_manage_roles')) {
+ convoItem.dataset.canManageRoles = updates.can_manage_roles ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_accept_invite')) {
+ convoItem.dataset.canAcceptInvite = updates.can_accept_invite ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_post_messages')) {
+ convoItem.dataset.canPostMessages = updates.can_post_messages === false ? 'false' : 'true';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_delete_conversation')) {
+ convoItem.dataset.canDeleteConversation = updates.can_delete_conversation ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_leave_conversation')) {
+ convoItem.dataset.canLeaveConversation = updates.can_leave_conversation ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'current_user_role')) {
+ convoItem.dataset.currentUserRole = updates.current_user_role || '';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'workflow_id')) {
+ if (updates.workflow_id) {
+ convoItem.dataset.workflowId = updates.workflow_id;
+ } else {
+ delete convoItem.dataset.workflowId;
+ }
+ }
+
if (Array.isArray(updates.classification)) {
convoItem.dataset.classifications = JSON.stringify(updates.classification);
}
@@ -252,6 +299,16 @@ export function applyConversationMetadataUpdate(conversationId, updates = {}) {
classification: updates.classification,
context: updates.context,
chat_type: updates.chat_type,
+ conversation_kind: updates.conversation_kind,
+ membership_status: updates.membership_status,
+ can_manage_members: updates.can_manage_members,
+ can_manage_roles: updates.can_manage_roles,
+ can_accept_invite: updates.can_accept_invite,
+ can_post_messages: updates.can_post_messages,
+ can_delete_conversation: updates.can_delete_conversation,
+ can_leave_conversation: updates.can_leave_conversation,
+ current_user_role: updates.current_user_role,
+ workflow_id: updates.workflow_id,
});
applySidebarConversationMetadataUpdate(conversationId, updates);
@@ -269,6 +326,10 @@ export function applyConversationMetadataUpdate(conversationId, updates = {}) {
}
renderConversationHeaderBadges(convoItem);
+ updateWorkflowActivityButton(conversationId, {
+ chat_type: updates.chat_type || convoItem.getAttribute('data-chat-type') || '',
+ workflow_id: updates.workflow_id || convoItem.dataset.workflowId || '',
+ });
if (hasContextUpdate) {
void refreshAgentsAndModelsForActiveConversation();
@@ -377,6 +438,21 @@ document.addEventListener('DOMContentLoaded', () => {
if (deleteSelectedBtn) {
deleteSelectedBtn.style.display = "none";
}
+
+ if (confirmDeleteConversationBtn) {
+ confirmDeleteConversationBtn.addEventListener('click', () => {
+ void executeDeleteConversationAction();
+ });
+ }
+
+ if (deleteConversationModalEl) {
+ deleteConversationModalEl.addEventListener('hidden.bs.modal', () => {
+ resetDeleteConversationModalState();
+ });
+ deleteConversationModalEl.querySelectorAll('input[name="delete-conversation-action"]').forEach(input => {
+ input.addEventListener('change', toggleDeleteConversationTransferInputs);
+ });
+ }
// Set up quick search event listeners
const searchBtn = document.getElementById('sidebar-search-btn');
@@ -594,11 +670,24 @@ export function loadConversations() {
isLoadingConversations = true;
conversationsList.innerHTML = '${participant.name || 'Unknown User'}
+
+
+ ${participantActions.length > 0 ? `${displayName}${statusBadgesHtml}
${participant.email || ''}
${participantActions.join('')}
` : ''}
Loading conversations...
'; // Loading state
- return fetch("/api/get_conversations")
- .then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)))
- .then(data => {
+ const legacyConversationsRequest = fetch("/api/get_conversations")
+ .then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)));
+ const collaborationConversationsRequest = window.chatCollaboration?.fetchCollaborationConversationList
+ ? window.chatCollaboration.fetchCollaborationConversationList().catch(error => {
+ console.warn('Failed to load collaborative conversations:', error);
+ return [];
+ })
+ : Promise.resolve([]);
+
+ return Promise.all([legacyConversationsRequest, collaborationConversationsRequest])
+ .then(([data, collaborationConversations]) => {
conversationsList.innerHTML = ""; // Clear loading state
- if (!data.conversations || data.conversations.length === 0) {
+ const mergedConversations = [
+ ...(Array.isArray(data.conversations) ? data.conversations : []),
+ ...(Array.isArray(collaborationConversations) ? collaborationConversations : []),
+ ];
+
+ if (mergedConversations.length === 0) {
conversationsList.innerHTML = 'No conversations yet.
';
allConversations = [];
updateHiddenToggleButton();
@@ -606,7 +695,7 @@ export function loadConversations() {
}
// Store all conversations for client-side operations
- allConversations = data.conversations;
+ allConversations = mergedConversations;
// Sort conversations: pinned first (by last_updated), then unpinned (by last_updated)
const sortedConversations = [...allConversations].sort((a, b) => {
@@ -671,18 +760,27 @@ export async function ensureConversationPresent(conversationId) {
if (existing) return existing;
// Fetch metadata to validate ownership and get details
+ let metadata = null;
const res = await fetch(`/api/conversations/${conversationId}/metadata`);
- if (!res.ok) {
+ if (res.ok) {
+ metadata = await res.json();
+ } else if (window.chatCollaboration?.fetchConversationMetadata) {
+ try {
+ metadata = await window.chatCollaboration.fetchConversationMetadata(conversationId);
+ } catch (error) {
+ const err = await res.json().catch(() => ({}));
+ throw new Error(error.message || err.error || `Failed to load conversation ${conversationId}`);
+ }
+ } else {
const err = await res.json().catch(() => ({}));
throw new Error(err.error || `Failed to load conversation ${conversationId}`);
}
- const metadata = await res.json();
// Build a conversation object compatible with createConversationItem
const convo = {
id: conversationId,
title: metadata.title || 'Conversation',
- last_updated: metadata.last_updated || new Date().toISOString(),
+ last_updated: metadata.last_updated || metadata.updated_at || new Date().toISOString(),
classification: metadata.classification || [],
context: metadata.context || [],
chat_type: metadata.chat_type || null,
@@ -691,6 +789,15 @@ export async function ensureConversationPresent(conversationId) {
has_unread_assistant_response: metadata.has_unread_assistant_response || false,
last_unread_assistant_message_id: metadata.last_unread_assistant_message_id || null,
last_unread_assistant_at: metadata.last_unread_assistant_at || null,
+ conversation_kind: metadata.conversation_kind || null,
+ membership_status: metadata.membership_status || null,
+ can_manage_members: metadata.can_manage_members || false,
+ can_manage_roles: metadata.can_manage_roles || false,
+ can_accept_invite: metadata.can_accept_invite || false,
+ can_post_messages: metadata.can_post_messages !== false,
+ can_delete_conversation: metadata.can_delete_conversation || false,
+ can_leave_conversation: metadata.can_leave_conversation || false,
+ current_user_role: metadata.current_user_role || '',
};
// Keep allConversations in sync
@@ -712,7 +819,36 @@ export function createConversationItem(convo) {
convoItem.classList.add("list-group-item", "list-group-item-action", "conversation-item", "d-flex", "align-items-center"); // Use action class
convoItem.setAttribute("data-conversation-id", convo.id);
convoItem.setAttribute("data-conversation-title", convo.title); // Store title too
+ if (convo.workflow_id) {
+ convoItem.dataset.workflowId = convo.workflow_id;
+ }
convoItem.dataset.hasUnreadAssistantResponse = convo.has_unread_assistant_response ? "true" : "false";
+ const isCollaborativeConversation = convo.conversation_kind === 'collaborative';
+ const conversationChatType = convo.chat_type === 'personal' ? 'personal_single_user' : convo.chat_type;
+ const canManageMembers = isCollaborativeConversation
+ ? Boolean(convo.can_manage_members)
+ : ['personal_single_user', 'group-single-user'].includes(conversationChatType || '');
+ const canManageRoles = isCollaborativeConversation ? Boolean(convo.can_manage_roles) : false;
+ const canEditCollaborativeTitle = !isCollaborativeConversation || canManageRoles;
+ const canShowAddParticipants = ['personal_single_user', 'personal_multi_user', 'group-single-user', 'group_multi_user'].includes(conversationChatType || '')
+ && canManageMembers;
+ const canDeleteCollaborativeConversation = Boolean(convo.can_delete_conversation);
+ const canLeaveCollaborativeConversation = Boolean(convo.can_leave_conversation);
+ const collaborativeDeleteLabel = canDeleteCollaborativeConversation ? 'Delete / Leave' : 'Leave';
+
+ if (isCollaborativeConversation) {
+ convoItem.dataset.conversationKind = 'collaborative';
+ }
+ if (convo.membership_status) {
+ convoItem.dataset.membershipStatus = convo.membership_status;
+ }
+ convoItem.dataset.canManageMembers = canManageMembers ? 'true' : 'false';
+ convoItem.dataset.canManageRoles = canManageRoles ? 'true' : 'false';
+ convoItem.dataset.canAcceptInvite = convo.can_accept_invite ? 'true' : 'false';
+ convoItem.dataset.canPostMessages = convo.can_post_messages === false ? 'false' : 'true';
+ convoItem.dataset.canDeleteConversation = canDeleteCollaborativeConversation ? 'true' : 'false';
+ convoItem.dataset.canLeaveConversation = canLeaveCollaborativeConversation ? 'true' : 'false';
+ convoItem.dataset.currentUserRole = convo.current_user_role || '';
// *** Store classification data as stringified JSON ***
convoItem.dataset.classifications = JSON.stringify(convo.classification || []);
@@ -826,6 +962,13 @@ export function createConversationItem(convo) {
pinIcon.classList.add("bi", "bi-pin-angle", "me-1");
titleSpan.appendChild(pinIcon);
}
+
+ if (isCollaborativeConversation) {
+ const collaborationIcon = document.createElement("i");
+ collaborationIcon.classList.add("bi", "bi-people", "me-1");
+ collaborationIcon.title = "Collaborative conversation";
+ titleSpan.appendChild(collaborationIcon);
+ }
titleSpan.appendChild(document.createTextNode(convo.title));
titleSpan.title = convo.title; // Tooltip for full title
@@ -868,6 +1011,17 @@ export function createConversationItem(convo) {
detailsA.innerHTML = 'Details';
detailsLi.appendChild(detailsA);
+ let addParticipantsA = null;
+ let addParticipantsLi = null;
+ if (canShowAddParticipants) {
+ addParticipantsLi = document.createElement("li");
+ addParticipantsA = document.createElement("a");
+ addParticipantsA.classList.add("dropdown-item", "add-participants-btn");
+ addParticipantsA.href = "#";
+ addParticipantsA.innerHTML = 'Add participants';
+ addParticipantsLi.appendChild(addParticipantsA);
+ }
+
// Add Pin option
const pinLi = document.createElement("li");
const pinA = document.createElement("a");
@@ -915,17 +1069,32 @@ export function createConversationItem(convo) {
const deleteA = document.createElement("a");
deleteA.classList.add("dropdown-item", "delete-btn", "text-danger");
deleteA.href = "#";
- deleteA.innerHTML = 'Delete';
+ deleteA.innerHTML = `${isCollaborativeConversation ? collaborativeDeleteLabel : 'Delete'}`;
deleteLi.appendChild(deleteA);
dropdownMenu.appendChild(detailsLi);
- dropdownMenu.appendChild(pinLi);
- dropdownMenu.appendChild(hideLi);
- dropdownMenu.appendChild(selectLi);
- dropdownMenu.appendChild(exportLi);
-
- dropdownMenu.appendChild(editLi);
- dropdownMenu.appendChild(deleteLi);
+ if (addParticipantsLi) {
+ dropdownMenu.appendChild(addParticipantsLi);
+ }
+ if (isCollaborativeConversation) {
+ dropdownMenu.appendChild(pinLi);
+ dropdownMenu.appendChild(hideLi);
+ dropdownMenu.appendChild(selectLi);
+ dropdownMenu.appendChild(exportLi);
+ if (canEditCollaborativeTitle) {
+ dropdownMenu.appendChild(editLi);
+ }
+ if (canDeleteCollaborativeConversation || canLeaveCollaborativeConversation) {
+ dropdownMenu.appendChild(deleteLi);
+ }
+ } else {
+ dropdownMenu.appendChild(pinLi);
+ dropdownMenu.appendChild(hideLi);
+ dropdownMenu.appendChild(selectLi);
+ dropdownMenu.appendChild(exportLi);
+ dropdownMenu.appendChild(editLi);
+ dropdownMenu.appendChild(deleteLi);
+ }
rightDiv.appendChild(dropdownBtn);
rightDiv.appendChild(dropdownMenu);
@@ -951,6 +1120,15 @@ export function createConversationItem(convo) {
selectConversation(convo.id);
});
+ if (addParticipantsA) {
+ addParticipantsA.addEventListener("click", event => {
+ event.preventDefault();
+ event.stopPropagation();
+ closeDropdownMenu(dropdownBtn);
+ window.chatCollaboration?.openParticipantPicker?.({ conversationId: convo.id });
+ });
+ }
+
editA.addEventListener("click", (event) => {
event.preventDefault();
event.stopPropagation();
@@ -1124,7 +1302,13 @@ export function exitEditMode(convoItem, convo, dropdownBtn, rightDiv, dateSpan,
const newSpan = document.createElement("span");
newSpan.classList.add("conversation-title", "text-truncate");
- newSpan.textContent = convo.title;
+ if (convoItem.dataset.conversationKind === 'collaborative') {
+ const collaborationIcon = document.createElement("i");
+ collaborationIcon.classList.add("bi", "bi-people", "me-1");
+ collaborationIcon.title = "Collaborative conversation";
+ newSpan.appendChild(collaborationIcon);
+ }
+ newSpan.appendChild(document.createTextNode(convo.title));
newSpan.title = convo.title; // Add tooltip back
input.replaceWith(newSpan); // Replace input with updated span
@@ -1137,7 +1321,10 @@ export function exitEditMode(convoItem, convo, dropdownBtn, rightDiv, dateSpan,
}
export async function updateConversationTitle(conversationId, newTitle) {
- const response = await fetch(`/api/conversations/${conversationId}`, {
+ const convoItem = document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)
+ || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`);
+ const isCollaborativeConversation = convoItem?.dataset?.conversationKind === 'collaborative';
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${conversationId}` : `/api/conversations/${conversationId}`, {
method: "PUT",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ title: newTitle }),
@@ -1204,16 +1391,26 @@ export async function selectConversation(conversationId) {
if (chatbox) chatbox.innerHTML = 'Conversation not found.
';
highlightSelectedConversation(null); // Deselect all visually
toggleConversationInfoButton(false); // Hide the info button
+ hideWorkflowActivityButton();
return;
}
const conversationTitle = convoItem.getAttribute("data-conversation-title") || "Conversation"; // Use stored title
+ const isCollaborativeConversation = convoItem.dataset.conversationKind === 'collaborative';
+ let metadata = null;
// Fetch the latest conversation metadata to get accurate chat_type, pin, and hide status
try {
- const response = await fetch(`/api/conversations/${conversationId}/metadata`);
- if (response.ok) {
- const metadata = await response.json();
+ if (isCollaborativeConversation && window.chatCollaboration?.fetchConversationMetadata) {
+ metadata = await window.chatCollaboration.fetchConversationMetadata(conversationId);
+ } else {
+ const response = await fetch(`/api/conversations/${conversationId}/metadata`);
+ if (response.ok) {
+ metadata = await response.json();
+ }
+ }
+
+ if (metadata) {
// Update Header Title with pin icon and hidden status
if (currentConversationTitleEl) {
@@ -1324,6 +1521,21 @@ export async function selectConversation(conversationId) {
const metaScopeLocked = metadata.scope_locked !== undefined ? metadata.scope_locked : null;
const metaLockedContexts = metadata.locked_contexts || [];
restoreScopeLockState(metaScopeLocked, metaLockedContexts);
+
+ convoItem.dataset.canManageMembers = metadata.can_manage_members ? 'true' : 'false';
+ convoItem.dataset.canAcceptInvite = metadata.can_accept_invite ? 'true' : 'false';
+ convoItem.dataset.canPostMessages = metadata.can_post_messages === false ? 'false' : 'true';
+ if (metadata.membership_status) {
+ convoItem.dataset.membershipStatus = metadata.membership_status;
+ }
+ if (metadata.conversation_kind) {
+ convoItem.dataset.conversationKind = metadata.conversation_kind;
+ }
+ if (metadata.workflow_id) {
+ convoItem.dataset.workflowId = metadata.workflow_id;
+ } else {
+ delete convoItem.dataset.workflowId;
+ }
}
} catch (error) {
console.warn('Failed to fetch conversation metadata:', error);
@@ -1335,20 +1547,29 @@ export async function selectConversation(conversationId) {
renderConversationHeaderBadges(convoItem);
}
- await loadMessages(conversationId);
- try {
- const streamingModule = await import('./chat-streaming.js');
- await streamingModule.reattachStreamingConversation(conversationId);
- } catch (error) {
- console.warn('Failed to reattach active stream for conversation:', error);
+ if (isCollaborativeConversation && window.chatCollaboration?.activateConversation) {
+ await window.chatCollaboration.activateConversation(conversationId, metadata);
+ } else {
+ window.chatCollaboration?.deactivateConversation?.();
+ await loadMessages(conversationId);
+ try {
+ const streamingModule = await import('./chat-streaming.js');
+ await streamingModule.reattachStreamingConversation(conversationId);
+ } catch (error) {
+ console.warn('Failed to reattach active stream for conversation:', error);
+ }
+ markConversationRead(conversationId, { force: true, suppressErrorToast: true }).catch(error => {
+ console.warn('Failed to clear unread state for conversation:', error);
+ });
}
- markConversationRead(conversationId, { force: true, suppressErrorToast: true }).catch(error => {
- console.warn('Failed to clear unread state for conversation:', error);
- });
highlightSelectedConversation(conversationId);
// Show the conversation info button since we have an active conversation
toggleConversationInfoButton(true);
+ updateWorkflowActivityButton(conversationId, {
+ chat_type: metadata?.chat_type || convoItem.getAttribute('data-chat-type') || '',
+ workflow_id: metadata?.workflow_id || convoItem.dataset.workflowId || '',
+ });
// Update sidebar active conversation if sidebar exists
if (setSidebarActiveConversation) {
@@ -1388,45 +1609,261 @@ export function highlightSelectedConversation(conversationId) {
});
}
-// Delete a conversation
-export function deleteConversation(conversationId) {
- if (!confirm("Are you sure you want to delete this conversation? This action cannot be undone.")) {
+function getConversationFromCache(conversationId) {
+ return allConversations.find(conversation => conversation.id === conversationId) || null;
+}
+
+function toggleDeleteConversationTransferInputs() {
+ if (!deleteConversationOwnerSelectContainerEl || !deleteConversationModalEl || !confirmDeleteConversationBtn) {
return;
}
- // Optionally show loading state on the item being deleted
+ const selectedAction = deleteConversationModalEl.querySelector('input[name="delete-conversation-action"]:checked')?.value;
+ deleteConversationOwnerSelectContainerEl.classList.toggle('d-none', selectedAction !== 'leave');
- fetch(`/api/conversations/${conversationId}`, { method: "DELETE" })
- .then(response => {
- if (response.ok) {
- const convoItem = document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`);
- if (convoItem) convoItem.remove();
-
- // If the deleted conversation was the current one, reset the chat view
- if (currentConversationId === conversationId) {
- currentConversationId = null;
- if (currentConversationTitleEl) currentConversationTitleEl.textContent = "Select or start a conversation";
- if (currentConversationClassificationsEl) currentConversationClassificationsEl.innerHTML = ""; // Clear classifications
- if (chatbox) chatbox.innerHTML = 'Select a conversation to view messages.
'; // Reset chatbox
- highlightSelectedConversation(null); // Deselect all
- toggleConversationInfoButton(false); // Hide the info button
- }
-
- // Also reload sidebar conversations if the sidebar exists
- if (window.chatSidebarConversations && window.chatSidebarConversations.loadSidebarConversations) {
- window.chatSidebarConversations.loadSidebarConversations();
+ if (selectedAction === 'leave') {
+ confirmDeleteConversationBtn.classList.remove('btn-danger');
+ confirmDeleteConversationBtn.classList.add('btn-warning');
+ confirmDeleteConversationBtn.innerHTML = 'Assign Owner & Leave';
+ return;
+ }
+
+ confirmDeleteConversationBtn.classList.remove('btn-warning');
+ confirmDeleteConversationBtn.classList.add('btn-danger');
+ confirmDeleteConversationBtn.innerHTML = 'Delete Conversation';
+}
+
+function resetDeleteConversationModalState() {
+ pendingDeleteConversationContext = null;
+
+ if (deleteConversationMessageEl) {
+ deleteConversationMessageEl.textContent = 'Are you sure you want to delete this conversation?';
+ }
+ if (deleteConversationSharedWarningEl) {
+ deleteConversationSharedWarningEl.classList.add('d-none');
+ }
+ if (deleteConversationOwnerOptionsEl) {
+ deleteConversationOwnerOptionsEl.classList.add('d-none');
+ }
+ if (deleteConversationTransferOptionEl) {
+ deleteConversationTransferOptionEl.classList.add('d-none');
+ }
+ if (deleteConversationOwnerSelectContainerEl) {
+ deleteConversationOwnerSelectContainerEl.classList.add('d-none');
+ }
+ if (deleteConversationNewOwnerSelectEl) {
+ deleteConversationNewOwnerSelectEl.innerHTML = '';
+ }
+ if (deleteConversationImpactNoteEl) {
+ deleteConversationImpactNoteEl.textContent = 'This action cannot be undone.';
+ }
+ if (confirmDeleteConversationBtn) {
+ confirmDeleteConversationBtn.disabled = false;
+ confirmDeleteConversationBtn.innerHTML = 'Delete Conversation';
+ confirmDeleteConversationBtn.classList.remove('btn-warning');
+ confirmDeleteConversationBtn.classList.add('btn-danger');
+ }
+
+ const deleteRadio = document.getElementById('delete-conversation-action-delete');
+ if (deleteRadio) {
+ deleteRadio.checked = true;
+ }
+}
+
+async function buildDeleteConversationContext(conversationId) {
+ const cachedConversation = getConversationFromCache(conversationId) || {};
+ const isCollaborativeConversation = cachedConversation.conversation_kind === 'collaborative'
+ || document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)?.dataset?.conversationKind === 'collaborative'
+ || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`)?.dataset?.conversationKind === 'collaborative';
+
+ if (isCollaborativeConversation && window.chatCollaboration?.fetchConversationMetadata) {
+ return window.chatCollaboration.fetchConversationMetadata(conversationId);
+ }
+
+ const response = await fetch(`/api/conversations/${conversationId}/metadata`);
+ if (!response.ok) {
+ const errorPayload = await response.json().catch(() => ({}));
+ throw new Error(errorPayload.error || 'Failed to load conversation metadata');
+ }
+ return response.json();
+}
+
+function configureDeleteConversationModal(conversationId, metadata = {}) {
+ resetDeleteConversationModalState();
+
+ const isCollaborativeConversation = metadata.conversation_kind === 'collaborative';
+ const currentUserId = String(window.currentUser?.id || window.currentUser?.user_id || '').trim();
+ const activeParticipants = Array.isArray(metadata.participants)
+ ? metadata.participants.filter(participant => participant?.status === 'accepted')
+ : [];
+ const transferableParticipants = activeParticipants.filter(participant => participant?.user_id && participant.user_id !== currentUserId);
+
+ pendingDeleteConversationContext = {
+ conversationId,
+ isCollaborativeConversation,
+ metadata,
+ transferableParticipants,
+ };
+
+ if (!isCollaborativeConversation) {
+ if (deleteConversationMessageEl) {
+ deleteConversationMessageEl.textContent = 'Are you sure you want to delete this conversation?';
+ }
+ if (deleteConversationImpactNoteEl) {
+ deleteConversationImpactNoteEl.textContent = 'This action cannot be undone.';
+ }
+ if (confirmDeleteConversationBtn) {
+ confirmDeleteConversationBtn.innerHTML = 'Delete Conversation';
+ }
+ return;
+ }
+
+ if (deleteConversationSharedWarningEl) {
+ deleteConversationSharedWarningEl.classList.remove('d-none');
+ }
+
+ if (metadata.can_delete_conversation) {
+ if (deleteConversationMessageEl) {
+ deleteConversationMessageEl.textContent = 'This is a multi-user conversation. Do you want to delete it for everyone, or assign another owner and leave the conversation?';
+ }
+ if (deleteConversationOwnerOptionsEl) {
+ deleteConversationOwnerOptionsEl.classList.remove('d-none');
+ }
+ if (deleteConversationImpactNoteEl) {
+ deleteConversationImpactNoteEl.textContent = 'Deleting removes the shared conversation for every participant.';
+ }
+ if (deleteConversationTransferOptionEl && transferableParticipants.length > 0) {
+ deleteConversationTransferOptionEl.classList.remove('d-none');
+ }
+ if (deleteConversationNewOwnerSelectEl) {
+ deleteConversationNewOwnerSelectEl.innerHTML = transferableParticipants
+ .map(participant => ``)
+ .join('');
+ }
+ return;
+ }
+
+ if (deleteConversationMessageEl) {
+ deleteConversationMessageEl.textContent = 'Are you sure you want to leave this shared conversation?';
+ }
+ if (deleteConversationImpactNoteEl) {
+ deleteConversationImpactNoteEl.textContent = 'Leaving removes this conversation from your list, but other participants will keep it.';
+ }
+ if (confirmDeleteConversationBtn) {
+ confirmDeleteConversationBtn.classList.remove('btn-danger');
+ confirmDeleteConversationBtn.classList.add('btn-warning');
+ confirmDeleteConversationBtn.innerHTML = 'Leave Conversation';
+ }
+}
+
+export function removeConversationFromUi(conversationId, options = {}) {
+ if (!conversationId) {
+ return;
+ }
+
+ allConversations = allConversations.filter(conversation => conversation.id !== conversationId);
+ document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)?.remove();
+ document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`)?.remove();
+
+ if (currentConversationId === conversationId || window.currentConversationId === conversationId) {
+ currentConversationId = null;
+ window.currentConversationId = null;
+ if (currentConversationTitleEl) currentConversationTitleEl.textContent = "Select or start a conversation";
+ if (currentConversationClassificationsEl) currentConversationClassificationsEl.innerHTML = "";
+ if (chatbox) {
+ chatbox.innerHTML = 'Select a conversation to view messages.
';
+ }
+ highlightSelectedConversation(null);
+ toggleConversationInfoButton(false);
+ hideWorkflowActivityButton();
+ window.chatCollaboration?.deactivateConversation?.();
+ setSidebarActiveConversation(null);
+ }
+
+ window.hideConversationDetails?.();
+
+ if (!options.skipToast) {
+ showToast(options.toastMessage || 'Conversation removed.', 'success');
+ }
+
+ if (options.refreshList !== false) {
+ loadConversations();
+ }
+}
+
+async function executeDeleteConversationAction() {
+ if (!pendingDeleteConversationContext || !confirmDeleteConversationBtn) {
+ return;
+ }
+
+ const { conversationId, isCollaborativeConversation, metadata } = pendingDeleteConversationContext;
+ confirmDeleteConversationBtn.disabled = true;
+
+ try {
+ if (!isCollaborativeConversation) {
+ const response = await fetch(`/api/conversations/${conversationId}`, { method: 'DELETE' });
+ if (!response.ok) {
+ const errorPayload = await response.json().catch(() => ({}));
+ throw new Error(errorPayload.error || 'Failed to delete conversation');
+ }
+
+ bootstrap.Modal.getOrCreateInstance(deleteConversationModalEl)?.hide();
+ removeConversationFromUi(conversationId, { toastMessage: 'Conversation deleted.' });
+ return;
+ }
+
+ let action = metadata.can_delete_conversation ? 'delete' : 'leave';
+ let newOwnerUserId = null;
+ if (metadata.can_delete_conversation) {
+ action = deleteConversationModalEl?.querySelector('input[name="delete-conversation-action"]:checked')?.value || 'delete';
+ if (action === 'leave') {
+ newOwnerUserId = deleteConversationNewOwnerSelectEl?.value || null;
+ if (!newOwnerUserId) {
+ throw new Error('Choose a new owner before leaving the shared conversation.');
}
-
- showToast("Conversation deleted.", "success");
- } else {
- return response.json().then(err => Promise.reject(err)); // Pass error details
}
- })
- .catch(error => {
- console.error("Error deleting conversation:", error);
- showToast(`Error deleting conversation: ${error.error || 'Unknown error'}`, "danger");
- // Re-enable button if loading state was shown
+ }
+
+ const response = await fetch(`/api/collaboration/conversations/${conversationId}/delete-action`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ credentials: 'same-origin',
+ body: JSON.stringify({
+ action,
+ new_owner_user_id: newOwnerUserId,
+ }),
});
+ const payload = await response.json().catch(() => ({}));
+ if (!response.ok) {
+ throw new Error(payload.error || 'Failed to update the shared conversation');
+ }
+
+ bootstrap.Modal.getOrCreateInstance(deleteConversationModalEl)?.hide();
+ removeConversationFromUi(conversationId, {
+ toastMessage: action === 'delete' ? 'Shared conversation deleted for all participants.' : 'You left the shared conversation.',
+ });
+ } catch (error) {
+ showToast(error.message || 'Failed to update the conversation.', 'danger');
+ } finally {
+ confirmDeleteConversationBtn.disabled = false;
+ }
+}
+
+// Delete a conversation
+export async function deleteConversation(conversationId) {
+ if (!conversationId || !deleteConversationModalEl) {
+ return;
+ }
+
+ try {
+ const metadata = await buildDeleteConversationContext(conversationId);
+ configureDeleteConversationModal(conversationId, metadata);
+ bootstrap.Modal.getOrCreateInstance(deleteConversationModalEl).show();
+ } catch (error) {
+ showToast(error.message || 'Failed to prepare the delete dialog.', 'danger');
+ }
}
// Create a new conversation via API
@@ -1686,6 +2123,7 @@ async function deleteSelectedConversations() {
if (chatbox) chatbox.innerHTML = 'Select a conversation to view messages.
';
highlightSelectedConversation(null);
toggleConversationInfoButton(false); // Hide the info button
+ hideWorkflowActivityButton();
}
});
@@ -1711,7 +2149,10 @@ async function deleteSelectedConversations() {
// Toggle conversation pin status
async function toggleConversationPin(conversationId) {
try {
- const response = await fetch(`/api/conversations/${conversationId}/pin`, {
+ const convoItem = document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)
+ || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`);
+ const isCollaborativeConversation = convoItem?.dataset?.conversationKind === 'collaborative';
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${conversationId}/pin` : `/api/conversations/${conversationId}/pin`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -1743,7 +2184,10 @@ async function toggleConversationPin(conversationId) {
// Toggle conversation hide status
async function toggleConversationHide(conversationId) {
try {
- const response = await fetch(`/api/conversations/${conversationId}/hide`, {
+ const convoItem = document.querySelector(`.conversation-item[data-conversation-id="${conversationId}"]`)
+ || document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`);
+ const isCollaborativeConversation = convoItem?.dataset?.conversationKind === 'collaborative';
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${conversationId}/hide` : `/api/conversations/${conversationId}/hide`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -1900,6 +2344,7 @@ window.chatConversations = {
markConversationRead,
setConversationUnreadState,
deleteConversation,
+ removeConversationFromUi,
toggleConversationSelection,
deleteSelectedConversations,
bulkPinConversations,
@@ -2016,6 +2461,13 @@ function addChatTypeBadges(convoItem, classificationsEl) {
// Don't show badges for Model-only conversations
if (chatType === 'personal' || chatType === 'personal_single_user') {
return;
+ } else if (chatType === 'personal_multi_user') {
+ const sharedBadge = document.createElement("span");
+ sharedBadge.classList.add("badge", "bg-primary-subtle", "text-primary-emphasis");
+ sharedBadge.textContent = 'shared';
+
+ appendBadgeSpacer();
+ classificationsEl.appendChild(sharedBadge);
} else if (chatType && chatType.startsWith('group')) {
// Group workspace was used
const groupBadge = document.createElement("span");
diff --git a/application/single_app/static/js/chat/chat-export.js b/application/single_app/static/js/chat/chat-export.js
index f42e0123f..03d5f20af 100644
--- a/application/single_app/static/js/chat/chat-export.js
+++ b/application/single_app/static/js/chat/chat-export.js
@@ -114,10 +114,25 @@ function prevStep() {
async function _loadConversationTitles() {
try {
- const response = await fetch('/api/get_conversations');
- if (!response.ok) throw new Error('Failed to fetch conversations');
- const data = await response.json();
- const conversations = data.conversations || [];
+ const legacyConversationsRequest = fetch('/api/get_conversations')
+ .then(response => {
+ if (!response.ok) {
+ throw new Error('Failed to fetch conversations');
+ }
+ return response.json();
+ });
+ const collaborationConversationsRequest = window.chatCollaboration?.fetchCollaborationConversationList
+ ? window.chatCollaboration.fetchCollaborationConversationList().catch(() => [])
+ : Promise.resolve([]);
+
+ const [legacyData, collaborationConversations] = await Promise.all([
+ legacyConversationsRequest,
+ collaborationConversationsRequest,
+ ]);
+ const conversations = [
+ ...(legacyData?.conversations || []),
+ ...(Array.isArray(collaborationConversations) ? collaborationConversations : []),
+ ];
exportConversationTitles = {};
conversations.forEach(c => {
if (exportConversationIds.includes(c.id)) {
diff --git a/application/single_app/static/js/chat/chat-messages.js b/application/single_app/static/js/chat/chat-messages.js
index d350eb3ae..1bcfc3dfa 100644
--- a/application/single_app/static/js/chat/chat-messages.js
+++ b/application/single_app/static/js/chat/chat-messages.js
@@ -554,6 +554,349 @@ export function loadMessages(conversationId) {
});
}
+const collaboratorProfileImageCache = new Map();
+
+function stripHtmlTags(value) {
+ const tempElement = document.createElement("div");
+ tempElement.innerHTML = String(value ?? "");
+ return tempElement.textContent || tempElement.innerText || "";
+}
+
+function buildPlainTextPreview(value, maxLength = 160) {
+ const normalizedValue = String(value ?? "").replace(/\s+/g, " ").trim();
+ if (!normalizedValue) {
+ return "No message content";
+ }
+ if (normalizedValue.length <= maxLength) {
+ return normalizedValue;
+ }
+ return `${normalizedValue.slice(0, maxLength - 3)}...`;
+}
+
+function getMessageSenderUserId(fullMessageObject = null) {
+ const senderUserId = String(
+ fullMessageObject?.sender?.user_id || fullMessageObject?.metadata?.sender?.user_id || ""
+ ).trim();
+ return senderUserId || null;
+}
+
+function getMessageSenderDisplayName(fullMessageObject = null, fallbackLabel = "Participant") {
+ const senderDisplayName = String(
+ fullMessageObject?.sender?.display_name
+ || fullMessageObject?.metadata?.sender?.display_name
+ || fallbackLabel
+ ).trim();
+ return senderDisplayName || fallbackLabel;
+}
+
+function getInitials(name) {
+ const words = String(name ?? "")
+ .trim()
+ .split(/\s+/)
+ .filter(Boolean);
+
+ if (words.length === 0) {
+ return "?";
+ }
+
+ return words
+ .slice(0, 2)
+ .map(word => word.charAt(0).toUpperCase())
+ .join("");
+}
+
+function createCollaboratorAvatarHtml(fullMessageObject, senderLabel) {
+ const senderUserId = getMessageSenderUserId(fullMessageObject);
+ const cachedProfileImage = senderUserId ? collaboratorProfileImageCache.get(senderUserId) : null;
+ const altText = `${senderLabel} Avatar`;
+
+ if (cachedProfileImage) {
+ return `
+ ${escapeHtml(getInitials(senderLabel))}
+
`;
+}
+
+function hydrateCollaboratorAvatar(messageDiv, senderUserId, senderLabel) {
+ if (!messageDiv || !senderUserId) {
+ return;
+ }
+
+ const avatarElement = messageDiv.querySelector(".collaborator-avatar");
+ if (!avatarElement) {
+ return;
+ }
+
+ const cachedProfileImage = collaboratorProfileImageCache.get(senderUserId);
+ if (cachedProfileImage) {
+ if (avatarElement.tagName === "IMG") {
+ avatarElement.src = cachedProfileImage;
+ avatarElement.alt = `${senderLabel} Avatar`;
+ } else {
+ const imageElement = document.createElement("img");
+ imageElement.src = cachedProfileImage;
+ imageElement.alt = `${senderLabel} Avatar`;
+ imageElement.className = "avatar collaborator-avatar";
+ imageElement.dataset.avatarUserId = senderUserId;
+ avatarElement.replaceWith(imageElement);
+ }
+ return;
+ }
+
+ fetch(`/api/user/profile-image/${encodeURIComponent(senderUserId)}`, {
+ credentials: "same-origin",
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error("Failed to load user profile image");
+ }
+ return response.json();
+ })
+ .then(userData => {
+ const profileImage = String(userData?.profile_image || "").trim();
+ if (!profileImage) {
+ return;
+ }
+
+ collaboratorProfileImageCache.set(senderUserId, profileImage);
+ if (avatarElement.tagName === "IMG") {
+ avatarElement.src = profileImage;
+ avatarElement.alt = `${senderLabel} Avatar`;
+ } else {
+ const imageElement = document.createElement("img");
+ imageElement.src = profileImage;
+ imageElement.alt = `${senderLabel} Avatar`;
+ imageElement.className = "avatar collaborator-avatar";
+ imageElement.dataset.avatarUserId = senderUserId;
+ avatarElement.replaceWith(imageElement);
+ }
+ })
+ .catch(() => {
+ console.debug("Could not load profile image for collaborator:", senderUserId);
+ });
+}
+
+function buildReplyContextFromMessage(message = null) {
+ if (!message) {
+ return null;
+ }
+
+ const messageId = String(message.id || "").trim();
+ if (!messageId) {
+ return null;
+ }
+
+ return {
+ message_id: messageId,
+ sender_display_name: getMessageSenderDisplayName(
+ message,
+ message.role === "assistant" ? "AI" : "Participant"
+ ),
+ content_preview: buildPlainTextPreview(
+ message.content || message.metadata?.last_message_preview || ""
+ ),
+ };
+}
+
+function resolveReplyContextFromDom(messageId) {
+ if (!messageId) {
+ return null;
+ }
+
+ const replyElement = document.querySelector(`[data-message-id="${messageId}"]`);
+ if (!replyElement) {
+ return null;
+ }
+
+ const senderDisplayName = String(
+ replyElement.dataset.replySenderName
+ || replyElement.querySelector(".message-sender")?.textContent
+ || "Participant"
+ )
+ .replace(/\s+/g, " ")
+ .trim();
+ const contentPreview = String(
+ replyElement.dataset.replyPreviewText
+ || buildPlainTextPreview(replyElement.querySelector(".message-text")?.textContent || "")
+ ).trim();
+
+ return {
+ message_id: messageId,
+ sender_display_name: senderDisplayName || "Participant",
+ content_preview: contentPreview || "No message content",
+ };
+}
+
+function resolveReplyContext(fullMessageObject = null) {
+ const replyMessageContext = buildReplyContextFromMessage(fullMessageObject?.reply_message);
+ if (replyMessageContext) {
+ return replyMessageContext;
+ }
+
+ const metadataReplyContext = fullMessageObject?.metadata?.reply_context;
+ if (metadataReplyContext) {
+ return {
+ message_id: String(metadataReplyContext.message_id || "").trim(),
+ sender_display_name: String(metadataReplyContext.sender_display_name || "Participant").trim() || "Participant",
+ content_preview: buildPlainTextPreview(metadataReplyContext.content_preview || ""),
+ };
+ }
+
+ const replyToMessageId = String(fullMessageObject?.reply_to_message_id || "").trim();
+ if (!replyToMessageId) {
+ return null;
+ }
+
+ return resolveReplyContextFromDom(replyToMessageId);
+}
+
+function renderReplyQuoteHtml(fullMessageObject = null) {
+ const replyContext = resolveReplyContext(fullMessageObject);
+ if (!replyContext) {
+ return "";
+ }
+
+ return `
+
+
`;
+}
+
+ function escapeMentionPattern(value) {
+ return String(value || "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+ }
+
+ function buildAtMentionPattern(displayName) {
+ return new RegExp(
+ `(^|\\s)@${escapeMentionPattern(displayName)}(?=$|\\s|[.,!?;:])`,
+ "gi"
+ );
+ }
+
+ function normalizeStructuredMessageContent(messageContent) {
+ return String(messageContent ?? "")
+ .replace(/[ \t]{2,}/g, " ")
+ .replace(/\s+\n/g, "\n")
+ .replace(/\n\s+/g, "\n")
+ .replace(/\s+([.,!?;:])/g, "$1")
+ .trim();
+ }
+
+ function getMentionedParticipants(fullMessageObject = null) {
+ const rawMentions = Array.isArray(fullMessageObject?.metadata?.mentioned_participants)
+ ? fullMessageObject.metadata.mentioned_participants
+ : [];
+
+ return rawMentions
+ .map(participant => ({
+ user_id: String(participant?.user_id || "").trim(),
+ display_name: String(participant?.display_name || participant?.name || participant?.email || "").trim(),
+ email: String(participant?.email || "").trim(),
+ }))
+ .filter(participant => participant.user_id && participant.display_name);
+ }
+
+ function stripMentionTextFromMessageContent(messageContent, fullMessageObject = null) {
+ let normalizedMessageContent = String(messageContent ?? "");
+ if (!normalizedMessageContent.trim()) {
+ return normalizedMessageContent;
+ }
+
+ const mentions = getMentionedParticipants(fullMessageObject)
+ .slice()
+ .sort((left, right) => right.display_name.length - left.display_name.length);
+ if (mentions.length === 0) {
+ return normalizedMessageContent;
+ }
+
+ mentions.forEach(participant => {
+ const displayName = String(participant.display_name || "").trim();
+ if (!displayName) {
+ return;
+ }
+
+ const mentionPattern = buildAtMentionPattern(displayName);
+ normalizedMessageContent = normalizedMessageContent.replace(
+ mentionPattern,
+ (match, leadingWhitespace) => leadingWhitespace || ""
+ );
+ });
+
+ const invocationTarget = getInvocationTarget(fullMessageObject);
+ if (invocationTarget?.display_name) {
+ normalizedMessageContent = normalizedMessageContent.replace(
+ buildAtMentionPattern(invocationTarget.display_name),
+ (match, leadingWhitespace) => leadingWhitespace || ""
+ );
+ }
+
+ return normalizeStructuredMessageContent(normalizedMessageContent);
+ }
+
+ function renderMentionTagsHtml(fullMessageObject = null) {
+ const mentions = getMentionedParticipants(fullMessageObject);
+ if (mentions.length === 0) {
+ return "";
+ }
+
+ const currentUserId = String(window.currentUser?.id || window.currentUser?.user_id || "").trim();
+ const mentionChipsHtml = mentions.map(participant => {
+ const isCurrentUser = currentUserId && participant.user_id === currentUserId;
+ const currentUserClass = isCurrentUser ? " collaboration-mention-chip-current-user" : "";
+ return `@${escapeHtml(participant.display_name)}`;
+ }).join("");
+
+ return `
+ Replying to ${escapeHtml(replyContext.sender_display_name || "Participant")}
+ ${escapeHtml(replyContext.content_preview || "No message content")}
+
+
`;
+ }
+
+ function getInvocationTarget(fullMessageObject = null) {
+ const target = fullMessageObject?.metadata?.ai_invocation_target;
+ if (!target || typeof target !== "object") {
+ return null;
+ }
+
+ const displayName = String(target.display_name || target.label || "").trim();
+ if (!displayName) {
+ return null;
+ }
+
+ const targetType = String(target.target_type || target.type || "model").trim() || "model";
+ const sourceMode = String(target.source_mode || target.mode || "").trim() || null;
+ return {
+ target_type: targetType,
+ display_name: displayName,
+ mention_text: String(target.mention_text || `@${displayName}`).trim() || `@${displayName}`,
+ source_mode: sourceMode,
+ };
+ }
+
+ function renderInvocationTargetHtml(fullMessageObject = null) {
+ const invocationTarget = getInvocationTarget(fullMessageObject);
+ if (!invocationTarget) {
+ return "";
+ }
+
+ const targetTypeClass = ` collaboration-mention-chip-target-${String(invocationTarget.target_type || "model")
+ .trim()
+ .toLowerCase()
+ .replace(/[^a-z0-9_-]/g, "") || "model"}`;
+
+ return `
+ Tagged
+ ${mentionChipsHtml}
+
+
`;
+ }
+
export function appendMessage(
sender,
messageContent,
@@ -576,6 +919,7 @@ export function appendMessage(
let avatarImg = "";
let avatarAltText = "";
+ let avatarHtml = "";
let messageClass = ""; // <<< ENSURE THIS IS DECLARED HERE
let senderLabel = "";
let messageContentHtml = "";
@@ -780,6 +1124,9 @@ export function appendMessage(
+ ${escapeHtml(invocationTarget.mention_text)}
+
+ ';
+ content += '
';
+ }
+
+ if (metadata.reply_context) {
+ content += 'Message Details
';
+ content += '';
+
+ if (metadata.message_details.message_id) {
+ content += `
Message ID:
`;
+ }
+ if (metadata.message_details.conversation_id) {
+ content += `${escapeHtml(metadata.message_details.message_id)}Conversation ID:
`;
+ }
+ if (metadata.message_details.role) {
+ content += `${escapeHtml(metadata.message_details.conversation_id)}Stored Role: ${createInfoBadge(metadata.message_details.role, 'primary')}
`;
+ }
+ if (metadata.message_details.display_role) {
+ content += `Display Role: ${createInfoBadge(metadata.message_details.display_role, 'info')}
`;
+ }
+ if (metadata.message_details.message_kind) {
+ content += `Message Kind: ${createInfoBadge(metadata.message_details.message_kind, 'secondary')}
`;
+ }
+ if (metadata.message_details.source_role) {
+ content += `Original Role: ${createInfoBadge(metadata.message_details.source_role, 'warning')}
`;
+ }
+ if (metadata.message_details.timestamp) {
+ content += `Timestamp:
`;
+ }
+ if (metadata.message_details.explicit_ai_invocation !== undefined) {
+ content += `${escapeHtml(new Date(metadata.message_details.timestamp).toLocaleString())}Explicit AI Invocation: ${createStatusBadge(Boolean(metadata.message_details.explicit_ai_invocation))}
`;
+ }
+
+ content += '';
+ content += '
';
+ }
+
+ if (Array.isArray(metadata.mentions) && metadata.mentions.length > 0) {
+ content += 'Reply Context
';
+ content += '';
+ if (metadata.reply_context.message_id) {
+ content += `
Reply Message ID:
`;
+ }
+ if (metadata.reply_context.sender_display_name) {
+ content += `${escapeHtml(metadata.reply_context.message_id)}Replying To: ${escapeHtml(metadata.reply_context.sender_display_name)}
`;
+ }
+ if (metadata.reply_context.content_preview) {
+ content += `Preview:
`;
+ }
+ content += '${escapeHtml(metadata.reply_context.content_preview)}
';
+ content += '
';
+ }
+
+ if (metadata.collaboration) {
+ content += 'Tagged Participants
';
+ content += '';
+ metadata.mentions.forEach(participant => {
+ content += `@${escapeHtml(participant.display_name || participant.email || participant.user_id || 'Participant')}`;
+ });
+ content += '
';
+ content += '
';
+ }
+
+ if (metadata.file_details) {
+ content += 'Shared Conversation
';
+ content += '';
+ if (metadata.collaboration.conversation_title) {
+ content += `
Conversation: ${escapeHtml(metadata.collaboration.conversation_title)}
`;
+ }
+ if (metadata.collaboration.chat_type) {
+ content += `Collaboration Type: ${createInfoBadge(metadata.collaboration.chat_type, 'success')}
`;
+ }
+ if (metadata.collaboration.participant_count !== undefined) {
+ content += `Participants: ${escapeHtml(metadata.collaboration.participant_count)}
`;
+ }
+ content += '';
+ content += '
';
+ }
+
+ if (metadata.image_details) {
+ content += 'File Details
';
+ content += '';
+ if (metadata.file_details.filename) {
+ content += `
Filename:
`;
+ }
+ if (metadata.file_details.source_message_id) {
+ content += `${escapeHtml(metadata.file_details.filename)}Source Message ID:
`;
+ }
+ if (metadata.file_details.is_table !== undefined && metadata.file_details.is_table !== null) {
+ content += `${escapeHtml(metadata.file_details.source_message_id)}Table Data: ${createStatusBadge(Boolean(metadata.file_details.is_table))}
`;
+ }
+ content += '';
+ content += '
';
+ }
+
+ if (metadata.generation_details) {
+ content += 'Image Details
';
+ content += '';
+ if (metadata.image_details.filename) {
+ content += `
Filename:
`;
+ }
+ if (metadata.image_details.image_url) {
+ content += `${escapeHtml(metadata.image_details.filename)}Image URL:
`;
+ }
+ if (metadata.image_details.is_user_upload !== undefined) {
+ content += `${escapeHtml(metadata.image_details.image_url)}User Upload: ${createStatusBadge(Boolean(metadata.image_details.is_user_upload))}
`;
+ }
+ if (metadata.image_details.extracted_text) {
+ content += `Extracted Text:
`;
+ }
+ if (metadata.image_details.vision_analysis) {
+ content += `${escapeHtml(metadata.image_details.extracted_text)}
Vision Analysis:
`;
+ }
+ content += '${escapeHtml(metadata.image_details.vision_analysis)}
';
+ content += '
';
+ }
// User Information Section
if (metadata.user_info) {
@@ -2256,7 +3249,7 @@ function formatMetadataForDrawer(metadata) {
content += 'Generation Details
';
+ content += '';
+ if (metadata.generation_details.selected_model) {
+ content += `
Model:
`;
+ }
+ if (metadata.generation_details.agent_display_name || metadata.generation_details.agent_name) {
+ content += `${escapeHtml(metadata.generation_details.selected_model)}Agent: ${escapeHtml(metadata.generation_details.agent_display_name || metadata.generation_details.agent_name)}
`;
+ }
+ if (metadata.generation_details.augmented !== undefined) {
+ content += `Augmented: ${createStatusBadge(Boolean(metadata.generation_details.augmented))}
`;
+ }
+ if (metadata.generation_details.document_citation_count !== undefined) {
+ content += `Document Citations: ${escapeHtml(metadata.generation_details.document_citation_count)}
`;
+ }
+ if (metadata.generation_details.web_citation_count !== undefined) {
+ content += `Web Citations: ${escapeHtml(metadata.generation_details.web_citation_count)}
`;
+ }
+ if (metadata.generation_details.agent_citation_count !== undefined) {
+ content += `Agent Citations: ${escapeHtml(metadata.generation_details.agent_citation_count)}
`;
+ }
+ content += '';
metadata.uploaded_images.forEach((image, index) => {
- const imageId = `image-${messageId || Date.now()}-${index}`;
+ const imageId = `image-${metadata.message_details?.message_id || Date.now()}-${index}`;
content += `
+
+ `;
content += `Add participants '
+ : '';
+ const legacyActionsHtml = isCollaborativeConversation
+ ? `
+ ${isPinned ? 'Unpin' : 'Pin'}
+ Select
+ Export
+ ${canEditCollaborativeTitle ? 'Edit title ' : ''}
+ ${(canDeleteCollaborativeConversation || canLeaveCollaborativeConversation) ? `${collaborativeDeleteLabel} ` : ''}
+ `
+ : `
+ ${isPinned ? 'Unpin' : 'Pin'}
+ Select
+ Export
+ Edit title
+ Delete
+ `;
convoItem.innerHTML = `
${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + this.simpleChatCapabilityState = { + ...this.simpleChatCapabilityState, + [definition.key]: checkbox.checked + }; + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + list.appendChild(wrapper); + }); + } + + setSimpleChatCapabilities(rawCapabilities = null) { + this.simpleChatCapabilityState = this.normalizeSimpleChatCapabilities(rawCapabilities); + this.renderSimpleChatConfiguration(); + } + + getSelectedSimpleChatCapabilities() { + return this.normalizeSimpleChatCapabilities(this.simpleChatCapabilityState); + } + + getDefaultMsGraphCapabilities() { + const defaults = {}; + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + defaults[definition.key] = true; + }); + return defaults; + } + + normalizeMsGraphCapabilities(rawCapabilities = null) { + const defaults = this.getDefaultMsGraphCapabilities(); + if (!rawCapabilities || typeof rawCapabilities !== 'object' || Array.isArray(rawCapabilities)) { + return defaults; + } + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (Object.prototype.hasOwnProperty.call(rawCapabilities, definition.key)) { + defaults[definition.key] = Boolean(rawCapabilities[definition.key]); + } + }); + + return defaults; + } + + renderMsGraphConfiguration() { + const list = document.getElementById('msgraph-capabilities-list'); + if (!list) { + return; + } + + list.innerHTML = ''; + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + const wrapper = document.createElement('div'); + wrapper.className = 'form-check mb-3'; + + const checkbox = document.createElement('input'); + checkbox.className = 'form-check-input'; + checkbox.type = 'checkbox'; + checkbox.id = `msgraph-capability-${definition.key}`; + checkbox.checked = Boolean(this.msGraphCapabilityState?.[definition.key]); + + const label = document.createElement('label'); + label.className = 'form-check-label'; + label.setAttribute('for', checkbox.id); + label.innerHTML = `${this.escapeHtml(definition.label)}
${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + this.msGraphCapabilityState = { + ...this.msGraphCapabilityState, + [definition.key]: checkbox.checked + }; + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + list.appendChild(wrapper); + }); + } + + setMsGraphCapabilities(rawCapabilities = null) { + this.msGraphCapabilityState = this.normalizeMsGraphCapabilities(rawCapabilities); + this.renderMsGraphConfiguration(); + } + + getSelectedMsGraphCapabilities() { + return this.normalizeMsGraphCapabilities(this.msGraphCapabilityState); + } + + initializeDocumentSearchConfiguration() { + const defaults = { + 'document-search-scope': 'all', + 'document-search-top-n': '12', + 'document-search-window-unit': 'pages', + 'document-search-window-target-length': '2 pages', + 'document-search-final-target-length': '2 pages' + }; + + Object.entries(defaults).forEach(([id, value]) => { + const element = document.getElementById(id); + if (element && !String(element.value || '').trim()) { + element.value = value; + } + }); + } + + getDocumentSearchAdditionalFields() { + const topNValue = parseInt(document.getElementById('document-search-top-n')?.value, 10); + const windowSizeValue = parseInt(document.getElementById('document-search-window-size')?.value, 10); + const windowPercentValue = parseInt(document.getElementById('document-search-window-percent')?.value, 10); + const focusInstructions = document.getElementById('document-search-focus-instructions')?.value.trim() || ''; + const windowTargetLength = document.getElementById('document-search-window-target-length')?.value.trim() || '2 pages'; + const finalTargetLength = document.getElementById('document-search-final-target-length')?.value.trim() || '2 pages'; + + const additionalFields = { + default_doc_scope: document.getElementById('document-search-scope')?.value || 'all', + default_top_n: !Number.isNaN(topNValue) && topNValue > 0 ? topNValue : 12, + default_window_unit: document.getElementById('document-search-window-unit')?.value || 'pages', + default_window_target_length: windowTargetLength, + default_final_target_length: finalTargetLength + }; + + if (focusInstructions) { + additionalFields.default_focus_instructions = focusInstructions; + } + if (!Number.isNaN(windowSizeValue) && windowSizeValue > 0) { + additionalFields.default_window_size = windowSizeValue; + } + if (!Number.isNaN(windowPercentValue) && windowPercentValue > 0) { + additionalFields.default_window_percent = windowPercentValue; + } + + return additionalFields; + } + + populateDocumentSearchForm(additionalFields = {}) { + document.getElementById('document-search-scope').value = additionalFields.default_doc_scope || 'all'; + document.getElementById('document-search-top-n').value = additionalFields.default_top_n || 12; + document.getElementById('document-search-window-unit').value = additionalFields.default_window_unit || 'pages'; + document.getElementById('document-search-window-size').value = additionalFields.default_window_size || ''; + document.getElementById('document-search-window-percent').value = additionalFields.default_window_percent || ''; + document.getElementById('document-search-focus-instructions').value = additionalFields.default_focus_instructions || ''; + document.getElementById('document-search-window-target-length').value = additionalFields.default_window_target_length || '2 pages'; + document.getElementById('document-search-final-target-length').value = additionalFields.default_final_target_length || '2 pages'; + } + + formatDocumentScope(scope) { + const scopeMap = { + all: 'All Accessible Content', + personal: 'Personal Workspace', + group: 'Group Workspaces', + public: 'Public Workspaces' + }; + + return scopeMap[scope] || scope || '-'; + } + + formatDocumentSearchWindowing(config = {}) { + const unit = config.default_window_unit === 'chunks' ? 'Chunks' : 'Pages'; + if (config.default_window_size) { + return `${unit} (${config.default_window_size} per window)`; + } + if (config.default_window_percent) { + return `${unit} (${config.default_window_percent}% of document)`; + } + return `${unit} (automatic sizing)`; + } + + isStructuredConfigType(type = this.selectedType) { + return this.isSqlType(type) || this.isCosmosType(type) || this.isDocumentSearchType(type) || this.isSimpleChatType(type) || this.isMsGraphType(type); + } + showConfigSectionForType() { const openApiSection = document.getElementById('openapi-config-section'); const genericSection = document.getElementById('generic-config-section'); const sqlSection = document.getElementById('sql-config-section'); - - // Determine plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); + const simpleChatSection = document.getElementById('simplechat-config-section'); + const msGraphSection = document.getElementById('msgraph-config-section'); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { openApiSection.classList.remove('d-none'); genericSection.classList.add('d-none'); sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); } else if (isSqlType) { openApiSection.classList.add('d-none'); genericSection.classList.add('d-none'); sqlSection.classList.remove('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); // Initialize SQL plugin configuration this.initializeSqlConfiguration(); + } else if (isCosmosType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.remove('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); + this.initializeCosmosConfiguration(); + } else if (isDocumentSearchType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.remove('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); + this.initializeDocumentSearchConfiguration(); + } else if (isSimpleChatType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.remove('d-none'); + msGraphSection.classList.add('d-none'); + this.renderSimpleChatConfiguration(); + } else if (isMsGraphType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.remove('d-none'); + this.renderMsGraphConfiguration(); } else { openApiSection.classList.add('d-none'); genericSection.classList.remove('d-none'); sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); } } @@ -537,17 +948,23 @@ export class PluginModalStepper { if (stepNumber === 3) { const titleEl = document.getElementById('step-3-title'); if (titleEl) { - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); if (isOpenApiType) { titleEl.textContent = 'API Configuration'; } else if (isSqlType) { titleEl.textContent = 'Database Configuration'; + } else if (isCosmosType) { + titleEl.textContent = 'Cosmos Configuration'; + } else if (isDocumentSearchType) { + titleEl.textContent = 'Document Search Configuration'; + } else if (this.isSimpleChatType()) { + titleEl.textContent = 'SimpleChat Configuration'; + } else if (this.isMsGraphType()) { + titleEl.textContent = 'Microsoft Graph Configuration'; } else { titleEl.textContent = 'Configuration'; } @@ -555,11 +972,11 @@ export class PluginModalStepper { } if (stepNumber === 4) { - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; + const isStructuredConfigType = this.isStructuredConfigType(); const additionalFieldsDiv = document.getElementById('plugin-additional-fields-div'); - // For SQL types, hide additional fields entirely since Step 3 covers all SQL config - if (isSqlType && additionalFieldsDiv) { + // For SQL and Cosmos types, hide additional fields entirely since Step 3 covers config. + if (isStructuredConfigType && additionalFieldsDiv) { additionalFieldsDiv.innerHTML = ''; additionalFieldsDiv.classList.add('d-none'); this.lastAdditionalFieldsType = this.selectedType; @@ -722,8 +1139,16 @@ export class PluginModalStepper { // Validate based on which config section is visible const openApiSection = document.getElementById('openapi-config-section'); const sqlSection = document.getElementById('sql-config-section'); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); + const simpleChatSection = document.getElementById('simplechat-config-section'); + const msGraphSection = document.getElementById('msgraph-config-section'); const isOpenApiVisible = !openApiSection.classList.contains('d-none'); const isSqlVisible = !sqlSection.classList.contains('d-none'); + const isCosmosVisible = !cosmosSection.classList.contains('d-none'); + const isDocumentSearchVisible = !documentSearchSection.classList.contains('d-none'); + const isSimpleChatVisible = !simpleChatSection.classList.contains('d-none'); + const isMsGraphVisible = !msGraphSection.classList.contains('d-none'); if (isOpenApiVisible) { // Validate OpenAPI fields @@ -835,6 +1260,79 @@ export class PluginModalStepper { } } } + } else if (isCosmosVisible) { + const endpoint = document.getElementById('cosmos-endpoint').value.trim(); + const databaseName = document.getElementById('cosmos-database-name').value.trim(); + const containerName = document.getElementById('cosmos-container-name').value.trim(); + const partitionKeyPath = document.getElementById('cosmos-partition-key-path').value.trim(); + const authType = document.getElementById('cosmos-auth-type').value; + const authKey = document.getElementById('cosmos-auth-key').value.trim(); + const maxItems = parseInt(document.getElementById('cosmos-max-items').value, 10); + const timeout = parseInt(document.getElementById('cosmos-timeout').value, 10); + + if (!endpoint) { + this.showError('Cosmos DB account endpoint is required.'); + return false; + } + if (!databaseName) { + this.showError('Cosmos DB database name is required.'); + return false; + } + if (!containerName) { + this.showError('Cosmos DB container name is required.'); + return false; + } + if (!partitionKeyPath || !partitionKeyPath.startsWith('/')) { + this.showError('Partition key path is required and must start with /.'); + return false; + } + if (authType === 'key' && !authKey) { + this.showError('Cosmos DB account key is required when using account key authentication.'); + return false; + } + if (Number.isNaN(maxItems) || maxItems < 1 || maxItems > 1000) { + this.showError('Max items must be between 1 and 1000.'); + return false; + } + if (Number.isNaN(timeout) || timeout < 1 || timeout > 120) { + this.showError('Timeout must be between 1 and 120 seconds.'); + return false; + } + } else if (isSimpleChatVisible) { + const capabilityValues = Object.values(this.getSelectedSimpleChatCapabilities()); + if (!capabilityValues.some(Boolean)) { + this.showError('Enable at least one SimpleChat capability before continuing.'); + return false; + } + } else if (isMsGraphVisible) { + const capabilityValues = Object.values(this.getSelectedMsGraphCapabilities()); + if (!capabilityValues.some(Boolean)) { + this.showError('Enable at least one Microsoft Graph capability before continuing.'); + return false; + } + } else if (isDocumentSearchVisible) { + const topN = parseInt(document.getElementById('document-search-top-n').value, 10); + const windowSizeValue = document.getElementById('document-search-window-size').value.trim(); + const windowPercentValue = document.getElementById('document-search-window-percent').value.trim(); + + if (Number.isNaN(topN) || topN < 1 || topN > 500) { + this.showError('Default search result limit must be between 1 and 500.'); + return false; + } + if (windowSizeValue) { + const windowSize = parseInt(windowSizeValue, 10); + if (Number.isNaN(windowSize) || windowSize < 1 || windowSize > 100) { + this.showError('Preferred window size must be between 1 and 100.'); + return false; + } + } + if (windowPercentValue) { + const windowPercent = parseInt(windowPercentValue, 10); + if (Number.isNaN(windowPercent) || windowPercent < 1 || windowPercent > 100) { + this.showError('Preferred window percent must be between 1 and 100.'); + return false; + } + } } else { // Validate generic endpoint field const endpoint = document.getElementById('plugin-endpoint-generic').value.trim(); @@ -1098,6 +1596,143 @@ export class PluginModalStepper { } // SQL Plugin Configuration Methods + initializeCosmosConfiguration() { + const authTypeField = document.getElementById('cosmos-auth-type'); + const maxItemsField = document.getElementById('cosmos-max-items'); + const timeoutField = document.getElementById('cosmos-timeout'); + if (authTypeField && !authTypeField.value) { + authTypeField.value = 'identity'; + } + if (maxItemsField && !maxItemsField.value) { + maxItemsField.value = '100'; + } + if (timeoutField && !timeoutField.value) { + timeoutField.value = '30'; + } + + const resultDiv = document.getElementById('cosmos-test-connection-result'); + if (resultDiv) { + resultDiv.classList.add('d-none'); + } + + this.handleCosmosAuthTypeChange(); + } + + handleCosmosAuthTypeChange() { + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + const keyGroup = document.getElementById('cosmos-auth-key-group'); + const keyInput = document.getElementById('cosmos-auth-key'); + + if (keyGroup) { + keyGroup.classList.toggle('d-none', authType !== 'key'); + } + + if (keyInput) { + keyInput.required = authType === 'key'; + } + + this.updateCosmosAuthInfo(authType); + } + + updateCosmosAuthInfo(authType = document.getElementById('cosmos-auth-type')?.value || 'identity') { + const infoDiv = document.getElementById('cosmos-auth-info'); + const infoText = document.getElementById('cosmos-auth-info-text'); + + if (!infoDiv || !infoText) { + return; + } + + let message = 'Managed Identity uses Azure AD authentication without storing credentials. Assign an Azure Cosmos DB built-in data reader role to the application identity for the target account.'; + if (authType === 'key') { + message = 'Account Key uses a primary or secondary Azure Cosmos DB account key. When Key Vault secret storage is enabled, the key is stored in Key Vault and edit forms preserve the stored secret if you leave the masked value unchanged.'; + } + + infoText.textContent = message; + infoDiv.classList.remove('d-none'); + } + + getCosmosFieldHints() { + const rawValue = document.getElementById('cosmos-field-hints')?.value || ''; + return rawValue + .split(/[,\n]/) + .map(value => value.trim()) + .filter(Boolean); + } + + async testCosmosConnection() { + const btn = document.getElementById('cosmos-test-connection-btn'); + const resultDiv = document.getElementById('cosmos-test-connection-result'); + const alertDiv = document.getElementById('cosmos-test-connection-alert'); + if (!btn || !resultDiv || !alertDiv) return; + + const endpoint = document.getElementById('cosmos-endpoint')?.value?.trim() || ''; + const databaseName = document.getElementById('cosmos-database-name')?.value?.trim() || ''; + const containerName = document.getElementById('cosmos-container-name')?.value?.trim() || ''; + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + const authKey = document.getElementById('cosmos-auth-key')?.value?.trim() || ''; + const timeout = parseInt(document.getElementById('cosmos-timeout')?.value, 10) || 10; + + if (!endpoint || !databaseName || !containerName) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-warning mb-0 py-2 px-3 small'; + alertDiv.textContent = 'Endpoint, database name, and container name are required before testing the Cosmos connection.'; + return; + } + if (authType === 'key' && !authKey) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-warning mb-0 py-2 px-3 small'; + alertDiv.textContent = 'Account key is required before testing a key-based Cosmos connection.'; + return; + } + + const originalText = btn.innerHTML; + btn.innerHTML = 'Testing...'; + btn.disabled = true; + resultDiv.classList.add('d-none'); + + try { + const payload = { + endpoint, + database_name: databaseName, + container_name: containerName, + auth_type: authType, + timeout + }; + + if (authType === 'key') { + payload.auth_key = authKey; + } + + const existingPluginContext = this.getTestPluginContext(); + if (existingPluginContext) { + payload.existing_plugin = existingPluginContext; + } + + const response = await fetch('/api/plugins/test-cosmos-connection', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + const data = await response.json(); + + resultDiv.classList.remove('d-none'); + if (data.success) { + alertDiv.className = 'alert alert-success mb-0 py-2 px-3 small'; + alertDiv.innerHTML = '' + (data.message || 'Connection successful!'); + } else { + alertDiv.className = 'alert alert-danger mb-0 py-2 px-3 small'; + alertDiv.innerHTML = '' + (data.error || 'Connection failed.'); + } + } catch (error) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-danger mb-0 py-2 px-3 small'; + alertDiv.innerHTML = 'Test failed: ' + (error.message || 'Network error'); + } finally { + btn.innerHTML = originalText; + btn.disabled = false; + } + } + initializeSqlConfiguration() { // Set default values document.getElementById('sql-read-only').value = 'true'; @@ -1256,7 +1891,7 @@ export class PluginModalStepper { this.updateSqlAuthInfo(); } - getSqlTestPluginContext() { + getTestPluginContext() { if (!this.isEditMode || !this.originalPlugin) { return null; } @@ -1323,7 +1958,7 @@ export class PluginModalStepper { payload.timeout = parseInt(document.getElementById('sql-timeout')?.value) || 10; - const existingPluginContext = this.getSqlTestPluginContext(); + const existingPluginContext = this.getTestPluginContext(); if (existingPluginContext) { payload.existing_plugin = existingPluginContext; } @@ -1559,7 +2194,7 @@ export class PluginModalStepper { } document.getElementById('plugin-auth-type').value = authType; - } else if (plugin.type && (plugin.type.toLowerCase().includes('sql') || plugin.type.toLowerCase() === 'sql_schema' || plugin.type.toLowerCase() === 'sql_query')) { + } else if (this.isSqlType(plugin.type)) { // Populate SQL fields const additionalFields = plugin.additionalFields || {}; const auth = plugin.auth || {}; @@ -1611,6 +2246,31 @@ export class PluginModalStepper { this.handleSqlDatabaseTypeChange(); this.handleSqlConnectionMethodChange(); this.handleSqlAuthTypeChange(); + } else if (this.isCosmosType(plugin.type)) { + const additionalFields = plugin.additionalFields || {}; + const auth = plugin.auth || {}; + + document.getElementById('cosmos-endpoint').value = plugin.endpoint || ''; + document.getElementById('cosmos-database-name').value = additionalFields.database_name || ''; + document.getElementById('cosmos-container-name').value = additionalFields.container_name || ''; + document.getElementById('cosmos-partition-key-path').value = additionalFields.partition_key_path || ''; + document.getElementById('cosmos-field-hints').value = Array.isArray(additionalFields.field_hints) + ? additionalFields.field_hints.join('\n') + : ''; + document.getElementById('cosmos-max-items').value = additionalFields.max_items || 100; + document.getElementById('cosmos-timeout').value = additionalFields.timeout || 30; + document.getElementById('cosmos-auth-type').value = auth.type || 'identity'; + document.getElementById('cosmos-auth-key').value = auth.key || ''; + this.initializeCosmosConfiguration(); + } else if (this.isDocumentSearchType(plugin.type)) { + this.populateDocumentSearchForm(plugin.additionalFields || {}); + this.initializeDocumentSearchConfiguration(); + } else if (this.isSimpleChatType(plugin.type)) { + const additionalFields = plugin.additionalFields || plugin.additional_fields || {}; + this.setSimpleChatCapabilities(additionalFields.simplechat_capabilities || plugin.simplechat_capabilities || null); + } else if (this.isMsGraphType(plugin.type)) { + const additionalFields = plugin.additionalFields || plugin.additional_fields || {}; + this.setMsGraphCapabilities(additionalFields.msgraph_capabilities || plugin.msgraph_capabilities || null); } else { // Populate generic fields document.getElementById('plugin-endpoint-generic').value = plugin.endpoint || ''; @@ -1643,8 +2303,12 @@ export class PluginModalStepper { // Determine which configuration section is active const openApiSection = document.getElementById('openapi-config-section'); const sqlSection = document.getElementById('sql-config-section'); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); const isOpenApiVisible = !openApiSection.classList.contains('d-none'); const isSqlVisible = !sqlSection.classList.contains('d-none'); + const isCosmosVisible = !cosmosSection.classList.contains('d-none'); + const isDocumentSearchVisible = !documentSearchSection.classList.contains('d-none'); let auth = {}; let endpoint = ''; @@ -1820,6 +2484,45 @@ export class PluginModalStepper { // For SQL plugins, endpoint is not applicable endpoint = ''; + } else if (isCosmosVisible) { + endpoint = document.getElementById('cosmos-endpoint').value.trim(); + const databaseName = document.getElementById('cosmos-database-name').value.trim(); + const containerName = document.getElementById('cosmos-container-name').value.trim(); + const partitionKeyPath = document.getElementById('cosmos-partition-key-path').value.trim(); + const authType = document.getElementById('cosmos-auth-type').value; + + if (!endpoint || !databaseName || !containerName || !partitionKeyPath) { + throw new Error('Please complete the Cosmos DB endpoint, database, container, and partition key path.'); + } + + auth.type = authType; + if (authType === 'key') { + const authKey = document.getElementById('cosmos-auth-key').value.trim(); + if (!authKey) { + throw new Error('Please enter the Cosmos DB account key.'); + } + auth.key = authKey; + } else { + auth.identity = 'managed_identity'; + } + additionalFields.database_name = databaseName; + additionalFields.container_name = containerName; + additionalFields.partition_key_path = partitionKeyPath; + additionalFields.field_hints = this.getCosmosFieldHints(); + additionalFields.max_items = parseInt(document.getElementById('cosmos-max-items').value, 10) || 100; + additionalFields.timeout = parseInt(document.getElementById('cosmos-timeout').value, 10) || 30; + } else if (isDocumentSearchVisible) { + endpoint = INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + auth.type = 'NoAuth'; + additionalFields = this.getDocumentSearchAdditionalFields(); + } else if (this.isSimpleChatType()) { + endpoint = ''; + auth.type = 'user'; + additionalFields.simplechat_capabilities = this.getSelectedSimpleChatCapabilities(); + } else if (this.isMsGraphType()) { + endpoint = MSGRAPH_DEFAULT_ENDPOINT; + auth.type = 'user'; + additionalFields.msgraph_capabilities = this.getSelectedMsGraphCapabilities(); } else { // Collect generic plugin data console.log("Collecting generic plugin data"); @@ -1843,8 +2546,7 @@ export class PluginModalStepper { // This preserves OpenAPI spec content and other auto-populated fields // For SQL types, Step 3 already provides all necessary config — skip dynamic field merge // to prevent empty Step 4 fields from overwriting populated Step 3 values - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; - if (!isSqlType) { + if (!this.isStructuredConfigType()) { try { const dynamicFields = this.collectAdditionalFields(); // Merge dynamicFields into additionalFields (preserving existing values) @@ -1897,23 +2599,44 @@ export class PluginModalStepper { document.getElementById('summary-plugin-type').textContent = type; document.getElementById('summary-plugin-description').textContent = description || '-'; - // Configuration Section - Handle endpoint vs SQL configuration - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + // Configuration Section - Handle endpoint vs SQL/Cosmos configuration + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); const endpointRow = document.getElementById('summary-plugin-endpoint-row'); + const databaseTypeRow = document.getElementById('summary-plugin-database-type-row'); if (isSqlType) { // Hide endpoint for SQL plugins since they don't use endpoints endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = this.getSqlDatabaseType() || '-'; + databaseTypeRow.style.display = ''; + } else if (isCosmosType) { + const endpoint = this.getEndpointValue(); + document.getElementById('summary-plugin-endpoint').textContent = endpoint || '-'; + endpointRow.style.display = ''; + document.getElementById('summary-plugin-database-type').textContent = 'Cosmos DB for NoSQL'; + databaseTypeRow.style.display = ''; + } else if (isDocumentSearchType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Internal document search'; + databaseTypeRow.style.display = ''; + } else if (isSimpleChatType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Built-in SimpleChat action'; + databaseTypeRow.style.display = ''; + } else if (isMsGraphType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Built-in Microsoft Graph action'; + databaseTypeRow.style.display = ''; } else { // Show endpoint for non-SQL plugins (OpenAPI, generic, etc.) const endpoint = this.getEndpointValue(); document.getElementById('summary-plugin-endpoint').textContent = endpoint || '-'; endpointRow.style.display = ''; + databaseTypeRow.style.display = 'none'; } const authType = this.getAuthTypeValue(); @@ -1930,34 +2653,42 @@ export class PluginModalStepper { } const databaseType = this.getSqlDatabaseType(); - const databaseTypeRow = document.getElementById('summary-plugin-database-type-row'); - if (databaseType) { + if (!isSqlType && !isCosmosType && !isDocumentSearchType && !isSimpleChatType && !isMsGraphType && databaseType) { document.getElementById('summary-plugin-database-type').textContent = databaseType; databaseTypeRow.style.display = ''; - } else { + } else if (!isSqlType && !isCosmosType && !isDocumentSearchType && !isSimpleChatType && !isMsGraphType) { databaseTypeRow.style.display = 'none'; } // Show/hide type-specific sections this.populateOpenApiSummary(); this.populateSqlSummary(); + this.populateCosmosSummary(); + this.populateDocumentSearchSummary(); + this.populateSimpleChatSummary(); + this.populateMsGraphSummary(); this.populateAdvancedSummary(); this.populateChangesSummary(); } getEndpointValue() { // Check different endpoint fields based on plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { return document.getElementById('plugin-endpoint').value.trim(); } else if (isSqlType) { return document.getElementById('sql-connection-string').value.trim(); + } else if (isCosmosType) { + return document.getElementById('cosmos-endpoint').value.trim(); + } else if (isDocumentSearchType) { + return INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + } else if (isMsGraphType) { + return MSGRAPH_DEFAULT_ENDPOINT; } else { return document.getElementById('plugin-endpoint-generic').value.trim(); } @@ -1965,12 +2696,11 @@ export class PluginModalStepper { getAuthTypeValue() { // Check different auth fields based on plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { const authType = document.getElementById('plugin-auth-type').value; @@ -1978,6 +2708,13 @@ export class PluginModalStepper { } else if (isSqlType) { const authType = document.getElementById('sql-auth-type').value; return this.formatAuthType(authType); + } else if (isCosmosType) { + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + return authType === 'key' ? 'Account Key' : 'Managed Identity'; + } else if (isDocumentSearchType) { + return 'Internal user context'; + } else if (isMsGraphType) { + return 'User'; } else { const authType = document.getElementById('plugin-auth-type-generic').value; return this.formatAuthType(authType); @@ -1998,6 +2735,9 @@ export class PluginModalStepper { 'user': 'User', 'servicePrincipal': 'Service Principal', 'connection_string': 'Connection String', + 'connection_string_only': 'Connection String Only', + 'managed_identity': 'Managed Identity', + 'integrated': 'Integrated Authentication', 'basic': 'Basic', 'NoAuth': 'No Authentication' }; @@ -2051,11 +2791,7 @@ export class PluginModalStepper { } populateSqlSummary() { - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isSqlType = this.isSqlType(); const sqlSection = document.getElementById('summary-sql-section'); if (isSqlType) { @@ -2076,6 +2812,111 @@ export class PluginModalStepper { } } + populateCosmosSummary() { + const cosmosSection = document.getElementById('summary-cosmos-section'); + if (!cosmosSection) { + return; + } + + if (this.isCosmosType()) { + const fieldHints = this.getCosmosFieldHints(); + document.getElementById('summary-cosmos-auth-type').textContent = this.getAuthTypeValue() || '-'; + document.getElementById('summary-cosmos-database-name').textContent = document.getElementById('cosmos-database-name').value.trim() || '-'; + document.getElementById('summary-cosmos-container-name').textContent = document.getElementById('cosmos-container-name').value.trim() || '-'; + document.getElementById('summary-cosmos-partition-key-path').textContent = document.getElementById('cosmos-partition-key-path').value.trim() || '-'; + document.getElementById('summary-cosmos-max-items').textContent = document.getElementById('cosmos-max-items').value.trim() || '-'; + + const timeoutValue = document.getElementById('cosmos-timeout').value.trim(); + document.getElementById('summary-cosmos-timeout').textContent = timeoutValue ? `${timeoutValue} seconds` : '-'; + document.getElementById('summary-cosmos-field-hints').textContent = fieldHints.length ? fieldHints.join(', ') : 'None configured'; + cosmosSection.style.display = ''; + } else { + cosmosSection.style.display = 'none'; + } + } + + populateDocumentSearchSummary() { + const searchSection = document.getElementById('summary-document-search-section'); + if (!searchSection) { + return; + } + + if (!this.isDocumentSearchType()) { + searchSection.style.display = 'none'; + return; + } + + const config = this.getDocumentSearchAdditionalFields(); + document.getElementById('summary-search-scope').textContent = this.formatDocumentScope(config.default_doc_scope); + document.getElementById('summary-search-top-n').textContent = String(config.default_top_n || 12); + document.getElementById('summary-search-chunk-behavior').textContent = 'Returns all chunks by default'; + document.getElementById('summary-search-windowing').textContent = this.formatDocumentSearchWindowing(config); + document.getElementById('summary-search-window-target-length').textContent = config.default_window_target_length || '2 pages'; + document.getElementById('summary-search-final-target-length').textContent = config.default_final_target_length || '2 pages'; + document.getElementById('summary-search-focus-instructions').textContent = config.default_focus_instructions || 'Uses caller-provided focus instructions'; + searchSection.style.display = ''; + } + + populateSimpleChatSummary() { + const simpleChatSection = document.getElementById('summary-simplechat-section'); + const enabledList = document.getElementById('summary-simplechat-enabled-list'); + const disabledList = document.getElementById('summary-simplechat-disabled-list'); + if (!simpleChatSection || !enabledList || !disabledList) { + return; + } + + if (!this.isSimpleChatType()) { + simpleChatSection.style.display = 'none'; + return; + } + + const capabilities = this.getSelectedSimpleChatCapabilities(); + const enabledLabels = []; + const disabledLabels = []; + + SIMPLECHAT_CAPABILITY_DEFINITIONS.forEach(definition => { + if (capabilities[definition.key]) { + enabledLabels.push(definition.label); + } else { + disabledLabels.push(definition.label); + } + }); + + enabledList.textContent = enabledLabels.length ? enabledLabels.join(', ') : 'None'; + disabledList.textContent = disabledLabels.length ? disabledLabels.join(', ') : 'None'; + simpleChatSection.style.display = ''; + } + + populateMsGraphSummary() { + const msGraphSection = document.getElementById('summary-msgraph-section'); + const enabledList = document.getElementById('summary-msgraph-enabled-list'); + const disabledList = document.getElementById('summary-msgraph-disabled-list'); + if (!msGraphSection || !enabledList || !disabledList) { + return; + } + + if (!this.isMsGraphType()) { + msGraphSection.style.display = 'none'; + return; + } + + const capabilities = this.getSelectedMsGraphCapabilities(); + const enabledLabels = []; + const disabledLabels = []; + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (capabilities[definition.key]) { + enabledLabels.push(definition.label); + } else { + disabledLabels.push(definition.label); + } + }); + + enabledList.textContent = enabledLabels.length ? enabledLabels.join(', ') : 'None'; + disabledList.textContent = disabledLabels.length ? disabledLabels.join(', ') : 'None'; + msGraphSection.style.display = ''; + } + populateSqlOptionalSetting(inputId, summaryId, rowId) { const input = document.getElementById(inputId); const summaryElement = document.getElementById(summaryId); @@ -2119,25 +2960,35 @@ export class PluginModalStepper { // Get endpoint from the appropriate field based on plugin type let currentEndpoint = ''; - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { currentEndpoint = document.getElementById('plugin-endpoint')?.value || ''; } else if (isSqlType) { currentEndpoint = document.getElementById('sql-connection-string')?.value || ''; + } else if (isCosmosType) { + currentEndpoint = document.getElementById('cosmos-endpoint')?.value || ''; + } else if (isDocumentSearchType) { + currentEndpoint = INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + } else if (isSimpleChatType) { + currentEndpoint = ''; + } else if (isMsGraphType) { + currentEndpoint = MSGRAPH_DEFAULT_ENDPOINT; } else { currentEndpoint = document.getElementById('plugin-endpoint-generic')?.value || ''; } // Get authentication information let currentAuthKey = ''; + let currentAuthType = ''; if (isOpenApiType) { const authType = document.getElementById('plugin-auth-type')?.value || 'none'; + currentAuthType = authType; if (authType === 'api_key') { currentAuthKey = document.getElementById('plugin-auth-api-key-value')?.value || ''; } else if (authType === 'bearer') { @@ -2149,13 +3000,46 @@ export class PluginModalStepper { } else if (authType === 'oauth2') { currentAuthKey = document.getElementById('plugin-auth-oauth2-token')?.value || ''; } + } else if (isCosmosType) { + currentAuthType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + if (currentAuthType === 'key') { + currentAuthKey = document.getElementById('cosmos-auth-key')?.value || ''; + } + } else if (isDocumentSearchType) { + currentAuthType = 'NoAuth'; + } else if (isSimpleChatType) { + currentAuthType = 'user'; + } else if (isMsGraphType) { + currentAuthType = 'user'; } else { + currentAuthType = document.getElementById('plugin-auth-type-generic')?.value || ''; currentAuthKey = document.getElementById('plugin-auth-key')?.value || ''; } // Get metadata and additional fields const currentMetadata = document.getElementById('plugin-metadata')?.value || '{}'; - const currentAdditionalFields = document.getElementById('plugin-additional-fields')?.value || '{}'; + let currentAdditionalFields = document.getElementById('plugin-additional-fields')?.value || '{}'; + + if (isCosmosType) { + currentAdditionalFields = JSON.stringify({ + database_name: document.getElementById('cosmos-database-name')?.value?.trim() || '', + container_name: document.getElementById('cosmos-container-name')?.value?.trim() || '', + partition_key_path: document.getElementById('cosmos-partition-key-path')?.value?.trim() || '', + field_hints: this.getCosmosFieldHints(), + max_items: parseInt(document.getElementById('cosmos-max-items')?.value, 10) || 100, + timeout: parseInt(document.getElementById('cosmos-timeout')?.value, 10) || 30 + }, null, 2); + } else if (isDocumentSearchType) { + currentAdditionalFields = JSON.stringify(this.getDocumentSearchAdditionalFields(), null, 2); + } else if (isSimpleChatType) { + currentAdditionalFields = JSON.stringify({ + simplechat_capabilities: this.getSelectedSimpleChatCapabilities() + }, null, 2); + } else if (isMsGraphType) { + currentAdditionalFields = JSON.stringify({ + msgraph_capabilities: this.getSelectedMsGraphCapabilities() + }, null, 2); + } // Compare basic fields if (currentDisplayName !== (this.originalPlugin.displayName || '')) { @@ -2194,6 +3078,14 @@ export class PluginModalStepper { after: currentAuthKey ? '***' + currentAuthKey.slice(-4) : '(empty)' }; } + + const originalAuthType = (this.originalPlugin.auth && this.originalPlugin.auth.type) || ''; + if (currentAuthType !== originalAuthType) { + changes.authType = { + before: originalAuthType || '(empty)', + after: currentAuthType || '(empty)' + }; + } // Compare metadata try { @@ -2232,7 +3124,7 @@ export class PluginModalStepper { populateAdvancedSummary() { const advancedSection = document.getElementById('summary-advanced-section'); - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; + const isStructuredConfigType = this.isStructuredConfigType(); // Check if there's any metadata or additional fields const metadata = document.getElementById('plugin-metadata').value.trim(); @@ -2250,9 +3142,9 @@ export class PluginModalStepper { hasMetadata = metadata.length > 0 && metadata !== '{}'; } - // For SQL types, additional fields are already shown in the SQL Database Configuration + // For SQL and Cosmos types, additional fields are already shown in dedicated configuration // summary section, so skip showing them again in Advanced to avoid redundancy - if (!isSqlType) { + if (!isStructuredConfigType) { // DRY: Use private helper to collect additional fields let additionalFieldsObj = this.collectAdditionalFields(); hasAdditionalFields = Object.keys(additionalFieldsObj).length > 0; @@ -2272,7 +3164,7 @@ export class PluginModalStepper { additionalFieldsPreview.style.display = 'none'; } } else { - // Hide additional fields for SQL types + // Hide additional fields for structured config types const additionalFieldsPreview = document.getElementById('summary-additional-fields-preview'); if (additionalFieldsPreview) additionalFieldsPreview.style.display = 'none'; hasAdditionalFields = false; @@ -2431,6 +3323,32 @@ export class PluginModalStepper { safeSetValue('sql-password'); safeSetValue('sql-auth-type', 'username_password'); safeSetValue('sql-database-type', 'sql_server'); + + // Step 3 fields - Cosmos Plugin + safeSetValue('cosmos-endpoint'); + safeSetValue('cosmos-database-name'); + safeSetValue('cosmos-container-name'); + safeSetValue('cosmos-partition-key-path'); + safeSetValue('cosmos-field-hints'); + safeSetValue('cosmos-max-items', '100'); + safeSetValue('cosmos-timeout', '30'); + safeSetValue('cosmos-auth-type', 'identity'); + safeSetValue('cosmos-auth-key'); + + // Step 3 fields - Document Search Plugin + safeSetValue('document-search-scope', 'all'); + safeSetValue('document-search-top-n', '12'); + safeSetValue('document-search-window-unit', 'pages'); + safeSetValue('document-search-window-size'); + safeSetValue('document-search-window-percent'); + safeSetValue('document-search-focus-instructions'); + safeSetValue('document-search-window-target-length', '2 pages'); + safeSetValue('document-search-final-target-length', '2 pages'); + + this.simpleChatCapabilityState = this.getDefaultSimpleChatCapabilities(); + this.renderSimpleChatConfiguration(); + this.msGraphCapabilityState = this.getDefaultMsGraphCapabilities(); + this.renderMsGraphConfiguration(); // Clear any type selection this.selectedType = null; @@ -2441,6 +3359,7 @@ export class PluginModalStepper { this.toggleOpenApiAuthFields(); this.toggleGenericAuthFields(); this.handleSqlAuthTypeChange(); + this.handleCosmosAuthTypeChange(); } catch (e) { console.log('Some auth field toggles not available:', e.message); } diff --git a/application/single_app/static/js/workflow/workflow-activity.js b/application/single_app/static/js/workflow/workflow-activity.js new file mode 100644 index 000000000..8826bfbad --- /dev/null +++ b/application/single_app/static/js/workflow/workflow-activity.js @@ -0,0 +1,523 @@ +// workflow-activity.js + +const pageState = { + snapshot: null, + selectedActivityId: "", + eventSource: null, +}; + +const titleEl = document.getElementById("workflow-activity-title"); +const statusEl = document.getElementById("workflow-activity-status"); +const captionEl = document.getElementById("workflow-activity-caption"); +const conversationLinkEl = document.getElementById("workflow-activity-conversation-link"); +const refreshBtn = document.getElementById("workflow-activity-refresh-btn"); +const responseEl = document.getElementById("workflow-activity-response"); +const emptyEl = document.getElementById("workflow-activity-empty"); +const timelineEl = document.getElementById("workflow-activity-timeline"); +const detailTitleEl = document.getElementById("workflow-activity-detail-title"); +const detailMetaEl = document.getElementById("workflow-activity-detail-meta"); +const detailSummaryEl = document.getElementById("workflow-activity-detail-summary"); +const detailTextEl = document.getElementById("workflow-activity-detail-text"); +const eventHistoryEl = document.getElementById("workflow-activity-event-history"); +const statRunEl = document.getElementById("workflow-activity-stat-run"); +const statTotalEl = document.getElementById("workflow-activity-stat-total"); +const statToolsEl = document.getElementById("workflow-activity-stat-tools"); +const statStartedEl = document.getElementById("workflow-activity-stat-started"); + +function normalizeText(value) { + return String(value || "").trim(); +} + +function escapeHtml(value) { + return String(value || "") + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """) + .replace(/'/g, "'"); +} + +function formatDateTime(value) { + if (!value) { + return "--"; + } + + const date = new Date(value); + if (Number.isNaN(date.getTime())) { + return value; + } + + return new Intl.DateTimeFormat(undefined, { + dateStyle: "medium", + timeStyle: "short", + }).format(date); +} + +function formatDuration(value) { + const numericValue = Number(value || 0); + if (!Number.isFinite(numericValue) || numericValue <= 0) { + return ""; + } + + if (numericValue < 1000) { + return `${Math.round(numericValue)} ms`; + } + + const seconds = numericValue / 1000; + if (seconds < 60) { + return `${seconds.toFixed(seconds >= 10 ? 0 : 1)} s`; + } + + const minutes = Math.floor(seconds / 60); + const remainingSeconds = Math.round(seconds % 60); + return `${minutes}m ${remainingSeconds}s`; +} + +function getQueryParam(name) { + const params = new URLSearchParams(window.location.search); + return normalizeText(params.get(name)); +} + +function buildApiUrl(path) { + const url = new URL(path, window.location.origin); + const conversationId = getQueryParam("conversationId"); + const workflowId = getQueryParam("workflowId"); + const runId = getQueryParam("runId"); + + if (conversationId) { + url.searchParams.set("conversation_id", conversationId); + } + if (workflowId) { + url.searchParams.set("workflow_id", workflowId); + } + if (runId) { + url.searchParams.set("run_id", runId); + } + + return url.toString(); +} + +function buildConversationUrl(conversationId) { + const normalizedConversationId = normalizeText(conversationId); + if (!normalizedConversationId) { + return ""; + } + + return `/chats?conversationId=${encodeURIComponent(normalizedConversationId)}`; +} + +function buildStatusBadge(status) { + const normalizedStatus = normalizeText(status).toLowerCase() || "idle"; + const label = normalizedStatus === "running" + ? "Running" + : normalizedStatus === "failed" + ? "Failed" + : normalizedStatus === "completed" + ? "Completed" + : normalizedStatus; + const className = normalizedStatus === "running" + ? "text-bg-primary" + : normalizedStatus === "failed" + ? "text-bg-danger" + : normalizedStatus === "completed" + ? "text-bg-success" + : "text-bg-secondary"; + return `${escapeHtml(label)}`; +} + +function applyStatusBadge(element, status) { + if (!element) { + return; + } + + const normalizedStatus = normalizeText(status).toLowerCase() || "idle"; + const className = normalizedStatus === "running" + ? "text-bg-primary" + : normalizedStatus === "failed" + ? "text-bg-danger" + : normalizedStatus === "completed" + ? "text-bg-success" + : "text-bg-secondary"; + const label = normalizedStatus === "running" + ? "Running" + : normalizedStatus === "failed" + ? "Failed" + : normalizedStatus === "completed" + ? "Completed" + : normalizedStatus; + + element.className = `badge ${className}`; + element.textContent = label; +} + +function updateResponseBlock(run) { + const errorText = normalizeText(run?.error); + const previewText = normalizeText(run?.response_preview); + if (!responseEl) { + return; + } + + if (!errorText && !previewText) { + responseEl.classList.add("d-none"); + responseEl.innerHTML = ""; + return; + } + + const heading = errorText ? "Run Error" : "Response Preview"; + responseEl.innerHTML = ` +
+ ${escapeHtml(message)}
+
+ `;
+}
+
+function renderWorkflowTable(items) {
+ if (!workflowsTableBody) {
+ return;
+ }
+
+ if (!items.length) {
+ renderWorkflowEmptyState(workflows.length ? "No workflows match the current search." : "No workflows created yet.");
+ refreshWorkflowSummary(items);
+ return;
+ }
+
+ workflowsTableBody.innerHTML = items.map((workflow) => {
+ const workflowName = escapeHtml(normalizeText(workflow.name) || "Untitled Workflow");
+ const description = escapeHtml(truncateDescription(normalizeText(workflow.description), 120));
+ const runnerLabel = escapeHtml(getWorkflowRunnerLabel(workflow));
+ const triggerLabel = escapeHtml(getWorkflowTriggerLabel(workflow));
+ const lastRunStatus = workflow.last_run_status ? buildStatusBadge(workflow.last_run_status) : 'Never run';
+ const lastRunAt = workflow.last_run_at
+ ? `
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ }).join("");
+
+ refreshWorkflowSummary(items);
+}
+
+function filterWorkflows() {
+ const searchTerm = normalizeText(workflowsSearchInput?.value).toLowerCase();
+ if (!searchTerm) {
+ renderWorkflowTable(workflows);
+ return;
+ }
+
+ const filteredWorkflows = workflows.filter((workflow) => buildWorkflowSearchText(workflow).includes(searchTerm));
+ renderWorkflowTable(filteredWorkflows);
+}
+
+async function loadAgentOptions(forceRefresh = false) {
+ if (agentsLoaded && !forceRefresh) {
+ return agentOptions;
+ }
+
+ try {
+ const response = await fetch("/api/user/agents", {
+ credentials: "same-origin",
+ });
+ const data = await response.json().catch(() => null);
+
+ if (!response.ok) {
+ throw new Error((data && typeof data === "object" && !Array.isArray(data) ? data.error : "") || "Unable to load agents right now.");
+ }
+
+ agentOptions = Array.isArray(data)
+ ? data
+ : Array.isArray(data?.agents)
+ ? data.agents
+ : [];
+ agentsLoaded = true;
+ } catch (error) {
+ agentOptions = [];
+ agentsLoaded = false;
+ console.error("Failed to load workflow agents", error);
+ }
+
+ return agentOptions;
+}
+
+function populateAgentSelect(selectedAgent = null) {
+ if (!workflowAgentSelect) {
+ return;
+ }
+
+ const selectedAgentKey = selectedAgent ? getAgentOptionKey(selectedAgent) : "";
+ const options = [...agentOptions].sort((left, right) => {
+ const leftLabel = normalizeText(left.display_name || left.name).toLowerCase();
+ const rightLabel = normalizeText(right.display_name || right.name).toLowerCase();
+ return leftLabel.localeCompare(rightLabel);
+ });
+
+ workflowAgentSelect.innerHTML = "";
+
+ if (!options.length && !selectedAgent) {
+ workflowAgentSelect.innerHTML = '';
+ workflowAgentSelect.disabled = true;
+ if (workflowAgentHelp) {
+ workflowAgentHelp.textContent = "No agents are currently available for workflow selection.";
+ }
+ return;
+ }
+
+ options.forEach((agent) => {
+ const option = document.createElement("option");
+ option.value = getAgentOptionKey(agent);
+ option.textContent = `${normalizeText(agent.display_name || agent.name) || "Unnamed Agent"}${agent.is_global ? " (Global)" : ""}`;
+ if (option.value === selectedAgentKey) {
+ option.selected = true;
+ }
+ workflowAgentSelect.appendChild(option);
+ });
+
+ if (selectedAgent && !options.some((agent) => getAgentOptionKey(agent) === selectedAgentKey)) {
+ const fallbackOption = document.createElement("option");
+ fallbackOption.value = selectedAgentKey;
+ fallbackOption.textContent = `${normalizeText(selectedAgent.display_name || selectedAgent.name) || "Current Agent"} (Unavailable)`;
+ fallbackOption.selected = true;
+ workflowAgentSelect.appendChild(fallbackOption);
+ }
+
+ workflowAgentSelect.disabled = false;
+ if (workflowAgentHelp) {
+ workflowAgentHelp.textContent = options.length
+ ? "Choose a personal agent or a merged global agent."
+ : "This workflow references an agent that is no longer available.";
+ }
+}
+
+function refreshModelSourceOptions() {
+ if (!workflowModelSourceSelect) {
+ return;
+ }
+
+ const hasCustomEndpoints = getCustomEndpointOptions().length > 0;
+ const customOption = Array.from(workflowModelSourceSelect.options).find((option) => option.value === "custom");
+ if (customOption) {
+ customOption.disabled = !hasCustomEndpoints;
+ }
+
+ if (!hasCustomEndpoints && workflowModelSourceSelect.value === "custom") {
+ workflowModelSourceSelect.value = "default";
+ }
+}
+
+function populateEndpointSelect(selectedEndpointId = "") {
+ if (!workflowModelEndpointSelect) {
+ return;
+ }
+
+ const endpoints = getCustomEndpointOptions();
+ workflowModelEndpointSelect.innerHTML = "";
+
+ if (!endpoints.length) {
+ workflowModelEndpointSelect.innerHTML = '';
+ workflowModelEndpointSelect.disabled = true;
+ return;
+ }
+
+ endpoints.forEach((endpoint, index) => {
+ const option = document.createElement("option");
+ option.value = normalizeText(endpoint.id);
+ option.textContent = getEndpointDisplayName(endpoint);
+ if ((selectedEndpointId && option.value === selectedEndpointId) || (!selectedEndpointId && index === 0)) {
+ option.selected = true;
+ }
+ workflowModelEndpointSelect.appendChild(option);
+ });
+
+ workflowModelEndpointSelect.disabled = false;
+}
+
+function populateModelSelect(selectedEndpointId = "", selectedModelId = "") {
+ if (!workflowModelSelect) {
+ return;
+ }
+
+ const endpoint = getCustomEndpointOptions().find((item) => normalizeText(item.id) === selectedEndpointId) || getSelectedEndpointOption();
+ workflowModelSelect.innerHTML = "";
+
+ if (!endpoint) {
+ workflowModelSelect.innerHTML = '';
+ workflowModelSelect.disabled = true;
+ return;
+ }
+
+ endpoint.models.forEach((model, index) => {
+ const modelId = normalizeText(model.id);
+ const option = document.createElement("option");
+ option.value = modelId;
+ option.textContent = getModelDisplayName(model);
+ if ((selectedModelId && modelId === selectedModelId) || (!selectedModelId && index === 0)) {
+ option.selected = true;
+ }
+ workflowModelSelect.appendChild(option);
+ });
+
+ workflowModelSelect.disabled = false;
+}
+
+function updateModelHelpText() {
+ if (!workflowModelHelp) {
+ return;
+ }
+
+ const source = normalizeText(workflowModelSourceSelect?.value) || "default";
+ if (source === "default") {
+ const currentLabel = normalizeText(currentEditingWorkflow?.model_binding_summary?.label);
+ workflowModelHelp.textContent = currentLabel || "The default app model follows your admin-configured default selection or legacy GPT settings.";
+ return;
+ }
+
+ const endpoint = getSelectedEndpointOption();
+ const modelId = normalizeText(workflowModelSelect?.value);
+ const model = endpoint?.models?.find((candidate) => normalizeText(candidate.id) === modelId);
+
+ if (!endpoint || !model) {
+ workflowModelHelp.textContent = "Choose an enabled endpoint and model for this workflow.";
+ return;
+ }
+
+ workflowModelHelp.textContent = `${getEndpointDisplayName(endpoint)} / ${getModelDisplayName(model)}`;
+}
+
+function updateRunnerFields() {
+ const runnerType = normalizeText(workflowRunnerTypeSelect?.value) || "model";
+ const useAgent = runnerType === "agent";
+ const useCustomModel = normalizeText(workflowModelSourceSelect?.value) === "custom";
+
+ setElementVisibility(workflowAgentFields, useAgent);
+ setElementVisibility(workflowModelFields, !useAgent);
+ setElementVisibility(workflowModelEndpointGroup, !useAgent && useCustomModel);
+ setElementVisibility(workflowModelGroup, !useAgent && useCustomModel);
+
+ if (useAgent) {
+ populateAgentSelect(currentEditingWorkflow?.selected_agent || null);
+ } else {
+ refreshModelSourceOptions();
+ populateEndpointSelect(normalizeText(currentEditingWorkflow?.model_endpoint_id));
+ populateModelSelect(normalizeText(workflowModelEndpointSelect?.value), normalizeText(currentEditingWorkflow?.model_id));
+ updateModelHelpText();
+ }
+}
+
+function updateScheduleConstraints() {
+ if (!workflowScheduleValueInput || !workflowScheduleUnitSelect) {
+ return;
+ }
+
+ const unit = normalizeText(workflowScheduleUnitSelect.value) || "seconds";
+ const maxValue = unit === "hours" ? 24 : 59;
+ workflowScheduleValueInput.max = String(maxValue);
+
+ const currentValue = Number(workflowScheduleValueInput.value || 0);
+ if (currentValue > maxValue) {
+ workflowScheduleValueInput.value = String(maxValue);
+ }
+}
+
+function updateTriggerFields() {
+ const triggerType = normalizeText(workflowTriggerTypeSelect?.value) || "manual";
+ const isInterval = triggerType === "interval";
+
+ setElementVisibility(workflowScheduleValueGroup, isInterval);
+ setElementVisibility(workflowScheduleUnitGroup, isInterval);
+ setElementVisibility(workflowEnabledGroup, isInterval);
+
+ if (workflowEnabledToggle && !isInterval) {
+ workflowEnabledToggle.checked = true;
+ }
+
+ if (workflowTriggerHelp) {
+ workflowTriggerHelp.textContent = isInterval
+ ? "Interval workflows are picked up by the scheduler when the next run time is due."
+ : "Manual workflows run only when you trigger them from the workspace.";
+ }
+
+ updateScheduleConstraints();
+}
+
+function resetWorkflowForm() {
+ currentEditingWorkflow = null;
+
+ if (workflowForm) {
+ workflowForm.reset();
+ }
+ if (workflowIdInput) {
+ workflowIdInput.value = "";
+ }
+ if (workflowNameInput) {
+ workflowNameInput.value = "";
+ }
+ if (workflowDescriptionInput) {
+ workflowDescriptionInput.value = "";
+ }
+ if (workflowTaskPromptInput) {
+ workflowTaskPromptInput.value = "";
+ }
+ if (workflowRunnerTypeSelect) {
+ workflowRunnerTypeSelect.value = "model";
+ }
+ if (workflowModelSourceSelect) {
+ workflowModelSourceSelect.value = "default";
+ }
+ if (workflowTriggerTypeSelect) {
+ workflowTriggerTypeSelect.value = "manual";
+ }
+ if (workflowScheduleValueInput) {
+ workflowScheduleValueInput.value = "10";
+ }
+ if (workflowScheduleUnitSelect) {
+ workflowScheduleUnitSelect.value = "seconds";
+ }
+ if (workflowEnabledToggle) {
+ workflowEnabledToggle.checked = true;
+ }
+ if (workflowAlertPrioritySelect) {
+ workflowAlertPrioritySelect.value = "none";
+ }
+ if (workflowSaveBtn) {
+ workflowSaveBtn.disabled = false;
+ workflowSaveBtn.textContent = "Save Workflow";
+ }
+ if (workflowModalLabel) {
+ workflowModalLabel.textContent = "Create Workflow";
+ }
+
+ populateAgentSelect(null);
+ refreshModelSourceOptions();
+ populateEndpointSelect("");
+ populateModelSelect(normalizeText(workflowModelEndpointSelect?.value), "");
+ updateRunnerFields();
+ updateTriggerFields();
+}
+
+async function openWorkflowModal(workflow = null) {
+ if (!workflowModal) {
+ return;
+ }
+
+ await loadAgentOptions(true);
+ resetWorkflowForm();
+ currentEditingWorkflow = workflow;
+
+ if (workflow) {
+ if (workflowIdInput) {
+ workflowIdInput.value = normalizeText(workflow.id);
+ }
+ if (workflowNameInput) {
+ workflowNameInput.value = normalizeText(workflow.name);
+ }
+ if (workflowDescriptionInput) {
+ workflowDescriptionInput.value = normalizeText(workflow.description);
+ }
+ if (workflowTaskPromptInput) {
+ workflowTaskPromptInput.value = normalizeText(workflow.task_prompt);
+ }
+ if (workflowRunnerTypeSelect) {
+ workflowRunnerTypeSelect.value = normalizeText(workflow.runner_type) || "model";
+ }
+ if (workflowTriggerTypeSelect) {
+ workflowTriggerTypeSelect.value = normalizeText(workflow.trigger_type) || "manual";
+ }
+ if (workflowEnabledToggle) {
+ workflowEnabledToggle.checked = workflow.is_enabled !== false;
+ }
+ if (workflowAlertPrioritySelect) {
+ workflowAlertPrioritySelect.value = normalizeText(workflow.alert_priority).toLowerCase() || "none";
+ }
+ if (workflowScheduleValueInput) {
+ workflowScheduleValueInput.value = String(workflow.schedule?.value || 10);
+ }
+ if (workflowScheduleUnitSelect) {
+ workflowScheduleUnitSelect.value = normalizeText(workflow.schedule?.unit) || "seconds";
+ }
+ if (workflowModalLabel) {
+ workflowModalLabel.textContent = "Edit Workflow";
+ }
+
+ if (workflow.runner_type === "agent") {
+ populateAgentSelect(workflow.selected_agent || null);
+ } else {
+ const useCustomModel = Boolean(normalizeText(workflow.model_endpoint_id) && normalizeText(workflow.model_id));
+ if (workflowModelSourceSelect) {
+ workflowModelSourceSelect.value = useCustomModel ? "custom" : "default";
+ }
+ refreshModelSourceOptions();
+ populateEndpointSelect(normalizeText(workflow.model_endpoint_id));
+ populateModelSelect(normalizeText(workflow.model_endpoint_id || workflowModelEndpointSelect?.value), normalizeText(workflow.model_id));
+ }
+ }
+
+ updateRunnerFields();
+ updateTriggerFields();
+ workflowModal.show();
+}
+
+function buildWorkflowPayload() {
+ const runnerType = normalizeText(workflowRunnerTypeSelect?.value) || "model";
+ const triggerType = normalizeText(workflowTriggerTypeSelect?.value) || "manual";
+ const payload = {
+ id: normalizeText(workflowIdInput?.value),
+ name: normalizeText(workflowNameInput?.value),
+ description: normalizeText(workflowDescriptionInput?.value),
+ task_prompt: normalizeText(workflowTaskPromptInput?.value),
+ runner_type: runnerType,
+ trigger_type: triggerType,
+ alert_priority: normalizeText(workflowAlertPrioritySelect?.value).toLowerCase() || "none",
+ is_enabled: triggerType === "interval" ? Boolean(workflowEnabledToggle?.checked) : true,
+ schedule: {},
+ selected_agent: {},
+ model_endpoint_id: "",
+ model_id: "",
+ };
+
+ if (!payload.name) {
+ throw new Error("Workflow name is required.");
+ }
+ if (!payload.task_prompt) {
+ throw new Error("Task prompt is required.");
+ }
+
+ if (runnerType === "agent") {
+ const selectedAgent = getSelectedAgentOption();
+ if (!selectedAgent) {
+ throw new Error("Select an agent for this workflow.");
+ }
+ payload.selected_agent = {
+ id: normalizeText(selectedAgent.id),
+ name: normalizeText(selectedAgent.name),
+ is_global: Boolean(selectedAgent.is_global),
+ };
+ } else if (normalizeText(workflowModelSourceSelect?.value) === "custom") {
+ const endpointId = normalizeText(workflowModelEndpointSelect?.value);
+ const modelId = normalizeText(workflowModelSelect?.value);
+ if (!endpointId || !modelId) {
+ throw new Error("Select both an endpoint and a model for this workflow.");
+ }
+ payload.model_endpoint_id = endpointId;
+ payload.model_id = modelId;
+ }
+
+ if (triggerType === "interval") {
+ const scheduleValue = Number(workflowScheduleValueInput?.value || 0);
+ const scheduleUnit = normalizeText(workflowScheduleUnitSelect?.value) || "seconds";
+ if (!Number.isInteger(scheduleValue) || scheduleValue < 1) {
+ throw new Error("Schedule value must be at least 1.");
+ }
+ payload.schedule = {
+ value: scheduleValue,
+ unit: scheduleUnit,
+ };
+ }
+
+ return payload;
+}
+
+async function saveWorkflow(event) {
+ event.preventDefault();
+
+ if (!workflowSaveBtn) {
+ return;
+ }
+
+ let payload;
+ try {
+ payload = buildWorkflowPayload();
+ } catch (error) {
+ showToast(escapeHtml(error.message || "Unable to save workflow."), "danger");
+ return;
+ }
+
+ workflowSaveBtn.disabled = true;
+ workflowSaveBtn.textContent = "Saving...";
+
+ try {
+ const response = await fetch("/api/user/workflows", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ credentials: "same-origin",
+ body: JSON.stringify(payload),
+ });
+
+ const data = await response.json().catch(() => ({}));
+ if (!response.ok) {
+ throw new Error(data.error || "Unable to save workflow right now.");
+ }
+
+ workflowModal?.hide();
+ showToast("Workflow saved.", "success");
+ await fetchUserWorkflows();
+ } catch (error) {
+ showToast(escapeHtml(error.message || "Unable to save workflow right now."), "danger");
+ } finally {
+ workflowSaveBtn.disabled = false;
+ workflowSaveBtn.textContent = "Save Workflow";
+ }
+}
+
+function renderHistoryLoading() {
+ if (!workflowHistoryBody) {
+ return;
+ }
+
+ workflowHistoryBody.innerHTML = `
+
+
+
+
+ `;
+}
+
+function renderRunHistory(runs) {
+ if (!workflowHistoryBody) {
+ return;
+ }
+
+ if (!Array.isArray(runs) || !runs.length) {
+ workflowHistoryBody.innerHTML = `
+
+ No workflow runs yet.
+
+ `;
+ return;
+ }
+
+ workflowHistoryBody.innerHTML = runs.map((run) => {
+ const conversationId = normalizeText(run.conversation_id);
+ const conversationUrl = buildWorkflowConversationUrl(conversationId);
+ const activityUrl = buildWorkflowActivityUrl(conversationId, normalizeText(run.id), currentHistoryWorkflowId);
+ const details = normalizeText(run.error)
+ ? `
+ ${buildStatusBadge(run.status)}
+
+
+ ${escapeHtml(normalizeText(run.trigger_source) || "manual")}
+ ${details}
+ ${conversationLink}
+
+ `;
+ }).join("");
+}
+
+async function openHistoryModalForWorkflow(workflow) {
+ if (!workflow || !workflowHistoryModal) {
+ return;
+ }
+
+ currentHistoryWorkflowId = normalizeText(workflow.id);
+ if (workflowHistoryModalLabel) {
+ workflowHistoryModalLabel.textContent = `${normalizeText(workflow.name) || "Workflow"} Run History`;
+ }
+ if (workflowHistoryConversationId) {
+ workflowHistoryConversationId.textContent = normalizeText(workflow.conversation_id) || "Not created yet.";
+ }
+ updateWorkflowConversationLink(workflowHistoryConversationLink, workflow.conversation_id);
+ renderHistoryLoading();
+ workflowHistoryModal.show();
+
+ try {
+ const response = await fetch(`/api/user/workflows/${encodeURIComponent(currentHistoryWorkflowId)}/runs`, {
+ credentials: "same-origin",
+ });
+ const data = await response.json().catch(() => ({}));
+ if (!response.ok) {
+ throw new Error(data.error || "Unable to load workflow history.");
+ }
+ renderRunHistory(data.runs || []);
+ } catch (error) {
+ workflowHistoryBody.innerHTML = `
+
+ ${escapeHtml(error.message || "Unable to load workflow history.")}
+
+ `;
+ }
+}
+
+async function runWorkflow(workflow, button) {
+ if (!workflow) {
+ return;
+ }
+
+ const originalText = button?.textContent || "Run";
+ if (button) {
+ button.disabled = true;
+ button.textContent = "Running...";
+ }
+
+ try {
+ const response = await fetch(`/api/user/workflows/${encodeURIComponent(workflow.id)}/run`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ credentials: "same-origin",
+ });
+ const data = await response.json().catch(() => ({}));
+
+ if (!response.ok || data.success === false) {
+ throw new Error(data.run?.error || data.error || "Workflow run failed.");
+ }
+
+ showToast("Workflow run completed.", "success");
+ window.dispatchEvent(new CustomEvent("workflow-alert-refresh-requested"));
+ await fetchUserWorkflows();
+
+ if (currentHistoryWorkflowId && currentHistoryWorkflowId === normalizeText(workflow.id)) {
+ const refreshedWorkflow = workflows.find((item) => normalizeText(item.id) === currentHistoryWorkflowId) || workflow;
+ await openHistoryModalForWorkflow(refreshedWorkflow);
+ }
+ } catch (error) {
+ showToast(escapeHtml(error.message || "Workflow run failed."), "danger");
+ await fetchUserWorkflows();
+ } finally {
+ if (button) {
+ button.disabled = false;
+ button.textContent = originalText;
+ }
+ }
+}
+
+function promptDeleteWorkflow(workflow) {
+ if (!workflow || !workflowDeleteModal) {
+ return;
+ }
+
+ workflowPendingDelete = workflow;
+ if (workflowDeleteName) {
+ workflowDeleteName.textContent = normalizeText(workflow.name) || "this workflow";
+ }
+ workflowDeleteModal.show();
+}
+
+async function deleteWorkflow() {
+ if (!workflowPendingDelete || !workflowDeleteConfirmBtn) {
+ return;
+ }
+
+ workflowDeleteConfirmBtn.disabled = true;
+ workflowDeleteConfirmBtn.textContent = "Deleting...";
+
+ try {
+ const response = await fetch(`/api/user/workflows/${encodeURIComponent(workflowPendingDelete.id)}`, {
+ method: "DELETE",
+ credentials: "same-origin",
+ });
+ const data = await response.json().catch(() => ({}));
+ if (!response.ok) {
+ throw new Error(data.error || "Unable to delete workflow right now.");
+ }
+
+ workflowDeleteModal?.hide();
+ showToast("Workflow deleted.", "success");
+ workflowPendingDelete = null;
+ await fetchUserWorkflows();
+ } catch (error) {
+ showToast(escapeHtml(error.message || "Unable to delete workflow right now."), "danger");
+ } finally {
+ workflowDeleteConfirmBtn.disabled = false;
+ workflowDeleteConfirmBtn.textContent = "Delete Workflow";
+ }
+}
+
+function findWorkflowById(workflowId) {
+ return workflows.find((workflow) => normalizeText(workflow.id) === normalizeText(workflowId)) || null;
+}
+
+function handleWorkflowTableClick(event) {
+ const button = event.target.closest("button[data-action]");
+ if (!button) {
+ return;
+ }
+
+ const workflow = findWorkflowById(button.getAttribute("data-workflow-id"));
+ if (!workflow) {
+ return;
+ }
+
+ const action = button.getAttribute("data-action");
+ if (action === "run") {
+ runWorkflow(workflow, button);
+ } else if (action === "history") {
+ openHistoryModalForWorkflow(workflow);
+ } else if (action === "edit") {
+ openWorkflowModal(workflow);
+ } else if (action === "delete") {
+ promptDeleteWorkflow(workflow);
+ }
+}
+
+async function fetchUserWorkflows() {
+ if (!workflowsTableBody) {
+ return [];
+ }
+
+ workflowsTableBody.innerHTML = `
+
+
+
+
+ `;
+
+ try {
+ const response = await fetch("/api/user/workflows", {
+ credentials: "same-origin",
+ });
+ const data = await response.json().catch(() => ({}));
+
+ if (!response.ok) {
+ throw new Error(data.error || "Unable to load workflows right now.");
+ }
+
+ workflows = Array.isArray(data.workflows) ? data.workflows : [];
+ filterWorkflows();
+ return workflows;
+ } catch (error) {
+ workflows = [];
+ renderWorkflowEmptyState(error.message || "Unable to load workflows right now.");
+ refreshWorkflowSummary([]);
+ return [];
+ }
+}
+
+function initializeWorkflowEvents() {
+ if (!workflowsTableBody) {
+ return;
+ }
+
+ createWorkflowBtn?.addEventListener("click", () => {
+ openWorkflowModal();
+ });
+ workflowsSearchInput?.addEventListener("input", filterWorkflows);
+ workflowsTableBody.addEventListener("click", handleWorkflowTableClick);
+ workflowForm?.addEventListener("submit", saveWorkflow);
+ workflowDeleteConfirmBtn?.addEventListener("click", deleteWorkflow);
+ workflowRunnerTypeSelect?.addEventListener("change", updateRunnerFields);
+ workflowModelSourceSelect?.addEventListener("change", updateRunnerFields);
+ workflowModelEndpointSelect?.addEventListener("change", () => {
+ populateModelSelect(normalizeText(workflowModelEndpointSelect.value), "");
+ updateModelHelpText();
+ });
+ workflowModelSelect?.addEventListener("change", updateModelHelpText);
+ workflowTriggerTypeSelect?.addEventListener("change", updateTriggerFields);
+ workflowScheduleUnitSelect?.addEventListener("change", updateScheduleConstraints);
+ workflowModalEl?.addEventListener("hidden.bs.modal", resetWorkflowForm);
+ workflowDeleteModalEl?.addEventListener("hidden.bs.modal", () => {
+ workflowPendingDelete = null;
+ if (workflowDeleteConfirmBtn) {
+ workflowDeleteConfirmBtn.disabled = false;
+ workflowDeleteConfirmBtn.textContent = "Delete Workflow";
+ }
+ });
+}
+
+window.fetchUserWorkflows = fetchUserWorkflows;
+
+initializeWorkflowEvents();
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/cosmos_query.definition.json b/application/single_app/static/json/schemas/cosmos_query.definition.json
new file mode 100644
index 000000000..661a94401
--- /dev/null
+++ b/application/single_app/static/json/schemas/cosmos_query.definition.json
@@ -0,0 +1,7 @@
+{
+ "$schema": "./plugin.definition.schema.json",
+ "allowedAuthTypes": [
+ "identity",
+ "key"
+ ]
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/cosmos_query_plugin.additional_settings.schema.json b/application/single_app/static/json/schemas/cosmos_query_plugin.additional_settings.schema.json
new file mode 100644
index 000000000..7ad3685ab
--- /dev/null
+++ b/application/single_app/static/json/schemas/cosmos_query_plugin.additional_settings.schema.json
@@ -0,0 +1,43 @@
+{
+ "$schema": "http://json-schema.org/draft-07/schema#",
+ "title": "Cosmos Query Plugin Additional Settings",
+ "type": "object",
+ "properties": {
+ "database_name": {
+ "type": "string",
+ "description": "Azure Cosmos DB database name."
+ },
+ "container_name": {
+ "type": "string",
+ "description": "Azure Cosmos DB container name."
+ },
+ "partition_key_path": {
+ "type": "string",
+ "description": "Partition key path for the configured container, for example /tenantId or /id."
+ },
+ "field_hints": {
+ "type": "array",
+ "items": {
+ "type": "string"
+ },
+ "default": [],
+ "description": "Optional field names or document properties the model should prefer when querying this container."
+ },
+ "max_items": {
+ "type": "integer",
+ "default": 100,
+ "minimum": 1,
+ "maximum": 1000,
+ "description": "Maximum number of items returned by a query."
+ },
+ "timeout": {
+ "type": "integer",
+ "default": 30,
+ "minimum": 1,
+ "maximum": 120,
+ "description": "Absolute timeout in seconds for Cosmos client requests."
+ }
+ },
+ "required": ["database_name", "container_name", "partition_key_path"],
+ "additionalProperties": false
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/document_search.definition.json b/application/single_app/static/json/schemas/document_search.definition.json
new file mode 100644
index 000000000..14221a9bd
--- /dev/null
+++ b/application/single_app/static/json/schemas/document_search.definition.json
@@ -0,0 +1,5 @@
+{
+ "allowedAuthTypes": [
+ "NoAuth"
+ ]
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/document_search_plugin.additional_settings.schema.json b/application/single_app/static/json/schemas/document_search_plugin.additional_settings.schema.json
new file mode 100644
index 000000000..d147ddd5f
--- /dev/null
+++ b/application/single_app/static/json/schemas/document_search_plugin.additional_settings.schema.json
@@ -0,0 +1,52 @@
+{
+ "title": "Document Search Settings",
+ "description": "Default search, windowing, and summarization settings for SimpleChat internal document search.",
+ "type": "object",
+ "properties": {
+ "default_doc_scope": {
+ "type": "string",
+ "enum": [
+ "all",
+ "personal",
+ "group",
+ "public"
+ ],
+ "default": "all"
+ },
+ "default_top_n": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 500,
+ "default": 12
+ },
+ "default_window_unit": {
+ "type": "string",
+ "enum": [
+ "pages",
+ "chunks"
+ ],
+ "default": "pages"
+ },
+ "default_window_size": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 100
+ },
+ "default_window_percent": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 100
+ },
+ "default_focus_instructions": {
+ "type": "string"
+ },
+ "default_window_target_length": {
+ "type": "string",
+ "default": "2 pages"
+ },
+ "default_final_target_length": {
+ "type": "string",
+ "default": "2 pages"
+ }
+ }
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/search.definition.json b/application/single_app/static/json/schemas/search.definition.json
new file mode 100644
index 000000000..14221a9bd
--- /dev/null
+++ b/application/single_app/static/json/schemas/search.definition.json
@@ -0,0 +1,5 @@
+{
+ "allowedAuthTypes": [
+ "NoAuth"
+ ]
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/search_plugin.additional_settings.schema.json b/application/single_app/static/json/schemas/search_plugin.additional_settings.schema.json
new file mode 100644
index 000000000..d147ddd5f
--- /dev/null
+++ b/application/single_app/static/json/schemas/search_plugin.additional_settings.schema.json
@@ -0,0 +1,52 @@
+{
+ "title": "Document Search Settings",
+ "description": "Default search, windowing, and summarization settings for SimpleChat internal document search.",
+ "type": "object",
+ "properties": {
+ "default_doc_scope": {
+ "type": "string",
+ "enum": [
+ "all",
+ "personal",
+ "group",
+ "public"
+ ],
+ "default": "all"
+ },
+ "default_top_n": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 500,
+ "default": 12
+ },
+ "default_window_unit": {
+ "type": "string",
+ "enum": [
+ "pages",
+ "chunks"
+ ],
+ "default": "pages"
+ },
+ "default_window_size": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 100
+ },
+ "default_window_percent": {
+ "type": "integer",
+ "minimum": 1,
+ "maximum": 100
+ },
+ "default_focus_instructions": {
+ "type": "string"
+ },
+ "default_window_target_length": {
+ "type": "string",
+ "default": "2 pages"
+ },
+ "default_final_target_length": {
+ "type": "string",
+ "default": "2 pages"
+ }
+ }
+}
\ No newline at end of file
diff --git a/application/single_app/static/json/schemas/simplechat.definition.json b/application/single_app/static/json/schemas/simplechat.definition.json
new file mode 100644
index 000000000..8da91f3eb
--- /dev/null
+++ b/application/single_app/static/json/schemas/simplechat.definition.json
@@ -0,0 +1,6 @@
+{
+ "$schema": "./plugin.definition.schema.json",
+ "allowedAuthTypes": [
+ "user"
+ ]
+}
\ No newline at end of file
diff --git a/application/single_app/templates/_agent_modal.html b/application/single_app/templates/_agent_modal.html
index ef7fefc5c..45303db11 100644
--- a/application/single_app/templates/_agent_modal.html
+++ b/application/single_app/templates/_agent_modal.html
@@ -371,6 +371,30 @@
`;
content += `})
`;
@@ -2514,6 +3507,11 @@ function loadMessageMetadataForDisplay(messageId, container) {
thread_attempt: metadata.thread_attempt
};
const historyContext = metadata.metadata?.history_context || null;
+ const collaborationInfo = metadata.metadata?.collaboration || null;
+ const replyContext = metadata.metadata?.reply_context || null;
+ const mentionList = Array.isArray(metadata.metadata?.mentions)
+ ? metadata.metadata.mentions
+ : [];
if (threadInfo.thread_id) {
html += '
';
+
+ if (replyContext) {
+ html += '';
@@ -2533,8 +3531,40 @@ function loadMessageMetadataForDisplay(messageId, container) {
if (metadata.id) html += `
Message ID:
`;
if (metadata.conversation_id) html += `${metadata.id}Conversation ID:
`;
if (metadata.role) html += `${metadata.conversation_id}Role: ${metadata.role}
`;
+ if (metadata.message_kind) html += `Message Kind: ${metadata.message_kind}
`;
+ if (metadata.metadata?.source_role) html += `Original Role: ${metadata.metadata.source_role}
`;
if (metadata.timestamp) html += `Timestamp:
`;
html += '${new Date(metadata.timestamp).toLocaleString()}';
+ html += '
';
+ }
+
+ if (mentionList.length > 0) {
+ html += 'Reply Context
';
+ html += '';
+ if (replyContext.message_id) html += `
Reply Message ID:
`;
+ if (replyContext.sender_display_name) html += `${escapeHtml(replyContext.message_id)}Replying To: ${escapeHtml(replyContext.sender_display_name)}
`;
+ if (replyContext.content_preview) html += `Preview:
`;
+ html += '${escapeHtml(replyContext.content_preview)}
';
+ html += '
';
+ }
+
+ if (collaborationInfo) {
+ html += 'Tagged Participants
';
+ html += '';
+ mentionList.forEach(participant => {
+ html += `@${escapeHtml(participant.display_name || participant.email || participant.user_id || 'Participant')}`;
+ });
+ html += '
';
+ html += '
';
+ }
// Image/File specific info
if (metadata.role === 'image') {
@@ -3114,16 +4144,23 @@ function unmaskMessage(messageDiv, messageId, maskBtn) {
*/
function handleDeleteButtonClick(messageDiv, messageId, messageType) {
console.log(`Delete button clicked for ${messageType} message: ${messageId}`);
+
+ const conversationId = window.chatConversations?.getCurrentConversationId?.() || window.currentConversationId || '';
+ const isCollaborativeConversation = Boolean(
+ conversationId && window.chatCollaboration?.isCollaborationConversation?.(conversationId)
+ );
// Store message info for deletion confirmation
window.pendingMessageDeletion = {
messageDiv,
messageId,
- messageType
+ messageType,
+ conversationId,
+ isCollaborativeConversation,
};
// Show appropriate confirmation modal
- if (messageType === 'user') {
+ if (messageType === 'user' && !isCollaborativeConversation) {
// User message - offer thread deletion option
const modal = document.getElementById('delete-message-modal');
if (modal) {
@@ -3137,7 +4174,9 @@ function handleDeleteButtonClick(messageDiv, messageId, messageType) {
// Update modal text based on message type
const modalBody = modal.querySelector('.modal-body p');
if (modalBody) {
- if (messageType === 'assistant') {
+ if (isCollaborativeConversation && messageType === 'user') {
+ modalBody.textContent = 'Are you sure you want to delete this shared message? This action cannot be undone.';
+ } else if (messageType === 'assistant') {
modalBody.textContent = 'Are you sure you want to delete this AI response? This action cannot be undone.';
} else if (messageType === 'image') {
modalBody.textContent = 'Are you sure you want to delete this image? This action cannot be undone.';
@@ -3161,20 +4200,31 @@ function executeMessageDeletion(deleteThread = false) {
return;
}
- const { messageDiv, messageId, messageType } = pendingDeletion;
+ const {
+ messageDiv,
+ messageId,
+ messageType,
+ conversationId,
+ isCollaborativeConversation,
+ } = pendingDeletion;
+ const shouldDeleteThread = Boolean(deleteThread && !isCollaborativeConversation);
+ const deleteEndpoint = isCollaborativeConversation && conversationId
+ ? `/api/collaboration/conversations/${encodeURIComponent(conversationId)}/messages/${encodeURIComponent(messageId)}`
+ : `/api/message/${encodeURIComponent(messageId)}`;
- console.log(`Executing deletion for message ${messageId}, deleteThread: ${deleteThread}`);
+ console.log(`Executing deletion for message ${messageId}, deleteThread: ${shouldDeleteThread}`);
console.log(`Message div:`, messageDiv);
console.log(`Message ID from DOM:`, messageDiv ? messageDiv.getAttribute('data-message-id') : 'N/A');
+ console.log(`Delete endpoint:`, deleteEndpoint);
// Call delete API
- fetch(`/api/message/${messageId}`, {
+ fetch(deleteEndpoint, {
method: 'DELETE',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
- delete_thread: deleteThread
+ delete_thread: shouldDeleteThread
})
})
.then(response => {
diff --git a/application/single_app/static/js/chat/chat-sidebar-conversations.js b/application/single_app/static/js/chat/chat-sidebar-conversations.js
index 02d401640..34b47512c 100644
--- a/application/single_app/static/js/chat/chat-sidebar-conversations.js
+++ b/application/single_app/static/js/chat/chat-sidebar-conversations.js
@@ -5,6 +5,13 @@ import { showToast } from "./chat-toast.js";
const sidebarConversationsList = document.getElementById("sidebar-conversations-list");
const sidebarNewChatBtn = document.getElementById("sidebar-new-chat-btn");
+const sidebarWorkflowSection = document.getElementById("sidebar-workflow-section");
+const sidebarWorkflowsToggle = document.getElementById("sidebar-workflows-toggle");
+const sidebarWorkflowsCaret = document.getElementById("sidebar-workflows-caret");
+const sidebarWorkflowListContainer = document.getElementById("sidebar-workflow-list-container");
+const sidebarWorkflowConversationsList = document.getElementById("sidebar-workflow-conversations-list");
+const sidebarWorkflowShowMoreBtn = document.getElementById("sidebar-workflow-show-more-btn");
+const DEFAULT_WORKFLOW_SECTION_LIMIT = 5;
function dispatchSidebarConversationsLoaded(details = {}) {
document.dispatchEvent(new CustomEvent('chat:sidebar-conversations-loaded', {
@@ -16,6 +23,9 @@ let currentActiveConversationId = null;
let sidebarShowHiddenConversations = false; // Track if hidden conversations should be shown in sidebar
let isLoadingSidebarConversations = false; // Prevent concurrent sidebar loads
let pendingSidebarReload = false; // Track if a reload is pending
+let sidebarWorkflowSectionExpanded = false;
+let sidebarWorkflowSectionCollapsed = false;
+let sidebarVisibleConversations = [];
function getShortGroupLabel(name) {
const normalizedName = (name || '').trim();
@@ -166,6 +176,107 @@ function closeSidebarConversationDropdown(dropdownBtn, dropdownInstance) {
}
}
+function isWorkflowConversation(conversation = {}) {
+ return String(conversation?.chat_type || '').trim().toLowerCase() === 'workflow';
+}
+
+function isSidebarQuickSearchActive() {
+ const searchTerm = window.chatConversations?.getQuickSearchTerm?.();
+ return Boolean(searchTerm && searchTerm.trim() !== '');
+}
+
+function appendSidebarConversationItems(container, conversations = []) {
+ if (!container) {
+ return;
+ }
+
+ conversations.forEach(conversation => {
+ container.appendChild(createSidebarConversationItem(conversation));
+ });
+}
+
+function setSidebarListMessage(container, message) {
+ if (!container) {
+ return;
+ }
+
+ container.innerHTML = `Shared Conversation
';
+ html += '';
+ if (collaborationInfo.conversation_title) html += `
Conversation: ${escapeHtml(collaborationInfo.conversation_title)}
`;
+ if (collaborationInfo.chat_type) html += `Collaboration Type: ${escapeHtml(collaborationInfo.chat_type)}
`;
+ if (collaborationInfo.participant_count !== undefined) html += `Participants: ${escapeHtml(collaborationInfo.participant_count)}
`;
+ html += '${message}
`;
+}
+
+function applyWorkflowSectionCollapsedState(isCollapsed = false) {
+ if (!sidebarWorkflowListContainer || !sidebarWorkflowsCaret || !sidebarWorkflowsToggle) {
+ return;
+ }
+
+ sidebarWorkflowListContainer.classList.toggle('d-none', isCollapsed);
+ sidebarWorkflowsCaret.style.transform = isCollapsed ? 'rotate(-90deg)' : 'rotate(0deg)';
+ sidebarWorkflowsToggle.setAttribute('aria-expanded', isCollapsed ? 'false' : 'true');
+}
+
+function renderWorkflowConversations(workflowConversations = [], isSearchActive = false) {
+ if (!sidebarWorkflowSection || !sidebarWorkflowConversationsList) {
+ return;
+ }
+
+ sidebarWorkflowConversationsList.innerHTML = '';
+
+ if (workflowConversations.length === 0) {
+ sidebarWorkflowSection.classList.add('d-none');
+ if (sidebarWorkflowShowMoreBtn) {
+ sidebarWorkflowShowMoreBtn.classList.add('d-none');
+ sidebarWorkflowShowMoreBtn.setAttribute('aria-expanded', 'false');
+ }
+ return;
+ }
+
+ sidebarWorkflowSection.classList.remove('d-none');
+ applyWorkflowSectionCollapsedState(isSearchActive ? false : sidebarWorkflowSectionCollapsed);
+
+ const showAllWorkflowConversations = isSearchActive
+ || sidebarWorkflowSectionExpanded
+ || workflowConversations.length <= DEFAULT_WORKFLOW_SECTION_LIMIT;
+ const visibleWorkflowConversations = showAllWorkflowConversations
+ ? workflowConversations
+ : workflowConversations.slice(0, DEFAULT_WORKFLOW_SECTION_LIMIT);
+
+ appendSidebarConversationItems(sidebarWorkflowConversationsList, visibleWorkflowConversations);
+
+ if (!sidebarWorkflowShowMoreBtn) {
+ return;
+ }
+
+ const showExpandButton = !isSearchActive && workflowConversations.length > DEFAULT_WORKFLOW_SECTION_LIMIT;
+ sidebarWorkflowShowMoreBtn.classList.toggle('d-none', !showExpandButton);
+ sidebarWorkflowShowMoreBtn.textContent = sidebarWorkflowSectionExpanded ? 'Show less' : 'Show more';
+ sidebarWorkflowShowMoreBtn.setAttribute('aria-expanded', sidebarWorkflowSectionExpanded ? 'true' : 'false');
+}
+
+function renderSidebarConversationSections(visibleConversations = [], totalConversationCount = 0) {
+ if (!sidebarConversationsList) {
+ return;
+ }
+
+ const regularConversations = visibleConversations.filter(conversation => !isWorkflowConversation(conversation));
+ const workflowConversations = visibleConversations.filter(conversation => isWorkflowConversation(conversation));
+ const isSearchActive = isSidebarQuickSearchActive();
+
+ sidebarConversationsList.innerHTML = '';
+
+ if (regularConversations.length > 0) {
+ appendSidebarConversationItems(sidebarConversationsList, regularConversations);
+ } else if (visibleConversations.length === 0 && totalConversationCount > 0) {
+ setSidebarListMessage(sidebarConversationsList, 'No matching conversations.');
+ } else if (workflowConversations.length > 0 && isSearchActive) {
+ setSidebarListMessage(sidebarConversationsList, 'No matching standard conversations.');
+ } else if (workflowConversations.length > 0) {
+ setSidebarListMessage(sidebarConversationsList, 'No standard conversations yet.');
+ } else {
+ setSidebarListMessage(sidebarConversationsList, 'No conversations yet.');
+ }
+
+ renderWorkflowConversations(workflowConversations, isSearchActive);
+}
+
export function setConversationUnreadState(conversationId, hasUnread) {
const sidebarItem = document.querySelector(`.sidebar-conversation-item[data-conversation-id="${conversationId}"]`);
if (!sidebarItem) {
@@ -203,14 +314,37 @@ export function loadSidebarConversations() {
isLoadingSidebarConversations = true;
pendingSidebarReload = false; // Clear any pending reload flag
+ sidebarVisibleConversations = [];
sidebarConversationsList.innerHTML = 'Loading conversations...
';
+ if (sidebarWorkflowConversationsList) {
+ sidebarWorkflowConversationsList.innerHTML = '';
+ }
+ if (sidebarWorkflowSection) {
+ sidebarWorkflowSection.classList.add('d-none');
+ }
+ if (sidebarWorkflowShowMoreBtn) {
+ sidebarWorkflowShowMoreBtn.classList.add('d-none');
+ sidebarWorkflowShowMoreBtn.setAttribute('aria-expanded', 'false');
+ }
+
+ const legacyConversationsRequest = fetch("/api/get_conversations")
+ .then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)));
+ const collaborationConversationsRequest = window.chatCollaboration?.fetchCollaborationConversationList
+ ? window.chatCollaboration.fetchCollaborationConversationList().catch(error => {
+ console.warn('Failed to load collaborative sidebar conversations:', error);
+ return [];
+ })
+ : Promise.resolve([]);
+
+ Promise.all([legacyConversationsRequest, collaborationConversationsRequest])
+ .then(([data, collaborationConversations]) => {
+ const mergedConversations = [
+ ...(Array.isArray(data.conversations) ? data.conversations : []),
+ ...(Array.isArray(collaborationConversations) ? collaborationConversations : []),
+ ];
- fetch("/api/get_conversations")
- .then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)))
- .then(data => {
- sidebarConversationsList.innerHTML = "";
- if (!data.conversations || data.conversations.length === 0) {
- sidebarConversationsList.innerHTML = 'No conversations yet.
';
+ if (mergedConversations.length === 0) {
+ renderSidebarConversationSections([], 0);
dispatchSidebarConversationsLoaded({ loaded: true, count: 0, hasVisibleConversations: false, isError: false });
// Reset loading flag even when no conversations
@@ -225,7 +359,7 @@ export function loadSidebarConversations() {
}
// Sort conversations: pinned first (by last_updated), then unpinned (by last_updated)
- const sortedConversations = [...data.conversations].sort((a, b) => {
+ const sortedConversations = [...mergedConversations].sort((a, b) => {
const aPinned = a.is_pinned || false;
const bPinned = b.is_pinned || false;
@@ -259,14 +393,13 @@ export function loadSidebarConversations() {
});
}
}
-
- visibleConversations.forEach(convo => {
- sidebarConversationsList.appendChild(createSidebarConversationItem(convo));
- });
+
+ sidebarVisibleConversations = visibleConversations;
+ renderSidebarConversationSections(visibleConversations, mergedConversations.length);
dispatchSidebarConversationsLoaded({
loaded: true,
- count: data.conversations.length,
+ count: mergedConversations.length,
hasVisibleConversations: visibleConversations.length > 0,
isError: false
});
@@ -313,28 +446,74 @@ function createSidebarConversationItem(convo) {
convoItem.classList.add("sidebar-conversation-item");
convoItem.setAttribute("data-conversation-id", convo.id);
convoItem.dataset.hasUnreadAssistantResponse = convo.has_unread_assistant_response ? 'true' : 'false';
+ const isCollaborativeConversation = convo.conversation_kind === 'collaborative';
+ const normalizedChatType = normalizeSidebarChatType(convo.chat_type || '', convo.context || []);
+ const canManageMembers = isCollaborativeConversation
+ ? Boolean(convo.can_manage_members)
+ : ['personal_single_user', 'group-single-user'].includes(normalizedChatType);
+ const canManageRoles = isCollaborativeConversation ? Boolean(convo.can_manage_roles) : false;
+ const canEditCollaborativeTitle = !isCollaborativeConversation || canManageRoles;
+ const canShowAddParticipants = ['personal_single_user', 'personal_multi_user', 'group-single-user', 'group_multi_user'].includes(normalizedChatType)
+ && canManageMembers;
+ const canDeleteCollaborativeConversation = Boolean(convo.can_delete_conversation);
+ const canLeaveCollaborativeConversation = Boolean(convo.can_leave_conversation);
+ const collaborativeDeleteLabel = canDeleteCollaborativeConversation ? 'Delete / Leave' : 'Leave';
+
+ if (isCollaborativeConversation) {
+ convoItem.dataset.conversationKind = 'collaborative';
+ }
+ if (convo.membership_status) {
+ convoItem.dataset.membershipStatus = convo.membership_status;
+ }
+ convoItem.dataset.canManageMembers = canManageMembers ? 'true' : 'false';
+ convoItem.dataset.canManageRoles = canManageRoles ? 'true' : 'false';
+ convoItem.dataset.canAcceptInvite = convo.can_accept_invite ? 'true' : 'false';
+ convoItem.dataset.canPostMessages = convo.can_post_messages === false ? 'false' : 'true';
+ convoItem.dataset.canDeleteConversation = canDeleteCollaborativeConversation ? 'true' : 'false';
+ convoItem.dataset.canLeaveConversation = canLeaveCollaborativeConversation ? 'true' : 'false';
+ convoItem.dataset.currentUserRole = convo.current_user_role || '';
applySidebarConversationContextAttributes(convoItem, convo.chat_type || '', convo.context || []);
const isPinned = convo.is_pinned || false;
const isHidden = convo.is_hidden || false;
const pinIcon = isPinned ? '' : '';
const hiddenIcon = isHidden ? '' : '';
+ const collaborationIcon = isCollaborativeConversation ? '' : '';
+ const titleTooltip = isCollaborativeConversation
+ ? convo.title
+ : `${convo.title} (Double-click to edit)`;
+ const addParticipantsItemHtml = canShowAddParticipants
+ ? '
-
+
@@ -395,6 +574,9 @@ function createSidebarConversationItem(convo) {
const titleElement = convoItem.querySelector('.sidebar-conversation-title');
if (titleElement) {
titleElement.addEventListener('dblclick', (e) => {
+ if (!canEditCollaborativeTitle) {
+ return;
+ }
e.preventDefault();
e.stopPropagation();
enableSidebarTitleEdit(convo.id);
@@ -457,6 +639,7 @@ function createSidebarConversationItem(convo) {
// Add dropdown menu event handlers
const detailsBtn = convoItem.querySelector('.details-btn');
+ const addParticipantsBtn = convoItem.querySelector('.add-participants-btn');
const pinBtn = convoItem.querySelector('.pin-btn');
const hideBtn = convoItem.querySelector('.hide-btn');
const selectBtn = convoItem.querySelector('.select-btn');
@@ -478,6 +661,15 @@ function createSidebarConversationItem(convo) {
}
});
}
+
+ if (addParticipantsBtn) {
+ addParticipantsBtn.addEventListener('click', e => {
+ e.preventDefault();
+ e.stopPropagation();
+ closeSidebarConversationDropdown(dropdownBtn, dropdownInstance);
+ window.chatCollaboration?.openParticipantPicker?.({ conversationId: convo.id });
+ });
+ }
if (pinBtn) {
pinBtn.addEventListener('click', async (e) => {
@@ -487,7 +679,7 @@ function createSidebarConversationItem(convo) {
closeSidebarConversationDropdown(dropdownBtn, dropdownInstance);
// Toggle pin status
try {
- const response = await fetch(`/api/conversations/${convo.id}/pin`, {
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${convo.id}/pin` : `/api/conversations/${convo.id}/pin`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' }
});
@@ -518,7 +710,7 @@ function createSidebarConversationItem(convo) {
closeSidebarConversationDropdown(dropdownBtn, dropdownInstance);
// Toggle hide status
try {
- const response = await fetch(`/api/conversations/${convo.id}/hide`, {
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${convo.id}/hide` : `/api/conversations/${convo.id}/hide`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' }
});
@@ -797,8 +989,12 @@ export function updateSidebarConversationTitle(conversationId, newTitle) {
if (sidebarItem) {
const titleElement = sidebarItem.querySelector('.sidebar-conversation-title');
if (titleElement) {
- titleElement.textContent = newTitle;
- titleElement.title = `${newTitle} (Double-click to edit)`;
+ const existingIcons = Array.from(titleElement.querySelectorAll('i')).map(icon => icon.cloneNode(true));
+ titleElement.innerHTML = '';
+ existingIcons.forEach(icon => titleElement.appendChild(icon));
+ titleElement.appendChild(document.createTextNode(newTitle));
+ const isCollaborativeConversation = sidebarItem.dataset.conversationKind === 'collaborative';
+ titleElement.title = isCollaborativeConversation ? newTitle : `${newTitle} (Double-click to edit)`;
}
}
@@ -818,6 +1014,34 @@ export function applySidebarConversationMetadataUpdate(conversationId, updates =
updateSidebarConversationTitle(conversationId, updates.title);
}
+ if (updates.conversation_kind) {
+ sidebarItem.dataset.conversationKind = updates.conversation_kind;
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'membership_status') && updates.membership_status) {
+ sidebarItem.dataset.membershipStatus = updates.membership_status;
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_manage_members')) {
+ sidebarItem.dataset.canManageMembers = updates.can_manage_members ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_manage_roles')) {
+ sidebarItem.dataset.canManageRoles = updates.can_manage_roles ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_accept_invite')) {
+ sidebarItem.dataset.canAcceptInvite = updates.can_accept_invite ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_post_messages')) {
+ sidebarItem.dataset.canPostMessages = updates.can_post_messages === false ? 'false' : 'true';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_delete_conversation')) {
+ sidebarItem.dataset.canDeleteConversation = updates.can_delete_conversation ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'can_leave_conversation')) {
+ sidebarItem.dataset.canLeaveConversation = updates.can_leave_conversation ? 'true' : 'false';
+ }
+ if (Object.prototype.hasOwnProperty.call(updates, 'current_user_role')) {
+ sidebarItem.dataset.currentUserRole = updates.current_user_role || '';
+ }
+
if (Object.prototype.hasOwnProperty.call(updates, 'chat_type') || Array.isArray(updates.context)) {
applySidebarConversationContextAttributes(sidebarItem, updates.chat_type || '', updates.context || []);
renderSidebarConversationScopeBadge(sidebarItem, updates.chat_type || '', updates.context || []);
@@ -871,7 +1095,8 @@ export function enableSidebarTitleEdit(conversationId) {
try {
// Call the update function from main module
- const response = await fetch(`/api/conversations/${conversationId}`, {
+ const isCollaborativeConversation = sidebarItem.dataset.conversationKind === 'collaborative';
+ const response = await fetch(isCollaborativeConversation ? `/api/collaboration/conversations/${conversationId}` : `/api/conversations/${conversationId}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
@@ -965,6 +1190,39 @@ document.addEventListener('DOMContentLoaded', () => {
}
});
}
+
+ if (sidebarWorkflowShowMoreBtn) {
+ sidebarWorkflowShowMoreBtn.addEventListener('click', (e) => {
+ e.preventDefault();
+ sidebarWorkflowSectionExpanded = !sidebarWorkflowSectionExpanded;
+ renderWorkflowConversations(
+ sidebarVisibleConversations.filter(conversation => isWorkflowConversation(conversation)),
+ isSidebarQuickSearchActive()
+ );
+ });
+ }
+
+ if (sidebarWorkflowsToggle) {
+ const toggleWorkflowSection = () => {
+ sidebarWorkflowSectionCollapsed = !sidebarWorkflowSectionCollapsed;
+ renderWorkflowConversations(
+ sidebarVisibleConversations.filter(conversation => isWorkflowConversation(conversation)),
+ isSidebarQuickSearchActive()
+ );
+ };
+
+ sidebarWorkflowsToggle.addEventListener('click', (e) => {
+ e.preventDefault();
+ toggleWorkflowSection();
+ });
+
+ sidebarWorkflowsToggle.addEventListener('keydown', (e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault();
+ toggleWorkflowSection();
+ }
+ });
+ }
// Handle sidebar pin selected button click
const sidebarPinBtn = document.getElementById('sidebar-pin-selected-btn');
diff --git a/application/single_app/static/js/chat/chat-streaming.js b/application/single_app/static/js/chat/chat-streaming.js
index 2fe1b845b..59d6492f6 100644
--- a/application/single_app/static/js/chat/chat-streaming.js
+++ b/application/single_app/static/js/chat/chat-streaming.js
@@ -388,11 +388,12 @@ function consumeStreamingResponse(requestFactory, tempAiMessageId, tempUserMessa
}
export function sendMessageWithStreaming(messageData, tempUserMessageId, currentConversationId, options = {}) {
+ const { endpoint = '/api/chat/stream' } = options;
const tempAiMessageId = createStreamingPlaceholder('Streaming...');
const recoveryConversationId = currentConversationId || messageData?.conversation_id || window.currentConversationId || null;
return consumeStreamingResponse(
- signal => fetch('/api/chat/stream', {
+ signal => fetch(endpoint, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -517,10 +518,23 @@ function finalizeStreamingMessage(messageId, userMessageId, finalData) {
// Remove the temporary streaming message
messageElement.remove();
+ const existingFinalMessage = finalData.message_id
+ ? document.querySelector(`[data-message-id="${finalData.message_id}"]`)
+ : null;
+
if (finalData.kernel_fallback_notice) {
showToast(finalData.kernel_fallback_notice, 'warning');
}
+ if (existingFinalMessage) {
+ if (finalData.conversation_id) {
+ markConversationRead(finalData.conversation_id, { force: true, suppressErrorToast: true }).catch(error => {
+ console.warn('Failed to clear unread state after live streaming completion:', error);
+ });
+ }
+ return;
+ }
+
if (finalData.image_url) {
appendMessage(
'image',
diff --git a/application/single_app/static/js/notifications.js b/application/single_app/static/js/notifications.js
index 3728f7a22..51d9fe282 100644
--- a/application/single_app/static/js/notifications.js
+++ b/application/single_app/static/js/notifications.js
@@ -21,6 +21,29 @@
let currentSearch = '';
let pollTimeout = null;
let isPolling = false;
+ let workflowAlertQueue = [];
+ let activeWorkflowAlert = null;
+ let activeWorkflowAlertTargets = [];
+ let isLoadingWorkflowAlerts = false;
+ const shownWorkflowAlertsStorageKey = 'simplechat-shown-workflow-alerts';
+ const workflowAlertModalEl = document.getElementById('workflowAlertModal');
+ const workflowAlertModal = workflowAlertModalEl && window.bootstrap
+ ? bootstrap.Modal.getOrCreateInstance(workflowAlertModalEl)
+ : null;
+ const workflowAlertModalContent = workflowAlertModalEl?.querySelector('.workflow-alert-modal-content') || null;
+ const workflowAlertPriorityBadge = document.getElementById('workflow-alert-priority-badge');
+ const workflowAlertTitle = document.getElementById('workflowAlertModalLabel');
+ const workflowAlertTriggeredAt = document.getElementById('workflow-alert-triggered-at');
+ const workflowAlertTypeCard = document.getElementById('workflow-alert-type-card');
+ const workflowAlertTypeValue = document.getElementById('workflow-alert-type-value');
+ const workflowAlertSummaryIcon = document.getElementById('workflow-alert-summary-icon');
+ const workflowAlertMeta = document.getElementById('workflow-alert-meta');
+ const workflowAlertMessage = document.getElementById('workflow-alert-message');
+ const workflowAlertResponsePreview = document.getElementById('workflow-alert-response-preview');
+ const workflowAlertResponsePreviewCard = document.getElementById('workflow-alert-response-preview-card');
+ const workflowAlertLinks = document.getElementById('workflow-alert-links');
+ const workflowAlertMarkReadBtn = document.getElementById('workflow-alert-mark-read-btn');
+ const workflowAlertDismissBtn = document.getElementById('workflow-alert-dismiss-btn');
/**
* Get randomized poll interval
@@ -28,6 +51,451 @@
function getRandomPollInterval() {
return Math.floor(Math.random() * (MAX_POLL_INTERVAL - MIN_POLL_INTERVAL + 1)) + MIN_POLL_INTERVAL;
}
+
+ function getShownWorkflowAlertIds() {
+ try {
+ const storedValue = sessionStorage.getItem(shownWorkflowAlertsStorageKey);
+ const parsedValue = storedValue ? JSON.parse(storedValue) : [];
+ return Array.isArray(parsedValue) ? parsedValue : [];
+ } catch (error) {
+ console.warn('Failed to read shown workflow alerts from session storage:', error);
+ return [];
+ }
+ }
+
+ function setShownWorkflowAlertIds(alertIds) {
+ try {
+ sessionStorage.setItem(
+ shownWorkflowAlertsStorageKey,
+ JSON.stringify((alertIds || []).slice(-50)),
+ );
+ } catch (error) {
+ console.warn('Failed to persist shown workflow alerts to session storage:', error);
+ }
+ }
+
+ function hasShownWorkflowAlert(notificationId) {
+ return getShownWorkflowAlertIds().includes(notificationId);
+ }
+
+ function rememberShownWorkflowAlert(notificationId) {
+ if (!notificationId) {
+ return;
+ }
+
+ const shownAlertIds = getShownWorkflowAlertIds();
+ if (shownAlertIds.includes(notificationId)) {
+ return;
+ }
+
+ shownAlertIds.push(notificationId);
+ setShownWorkflowAlertIds(shownAlertIds);
+ }
+
+ function getWorkflowAlertPriorityBadgeClass(priority) {
+ const normalizedPriority = String(priority || '').trim().toLowerCase();
+ if (normalizedPriority === 'high') {
+ return 'text-bg-danger';
+ }
+ if (normalizedPriority === 'medium') {
+ return 'text-bg-warning';
+ }
+ if (normalizedPriority === 'low') {
+ return 'text-bg-info';
+ }
+ return 'text-bg-secondary';
+ }
+
+ function formatWorkflowAlertPriorityLabel(priority) {
+ const normalizedPriority = String(priority || '').trim().toLowerCase();
+ if (!normalizedPriority) {
+ return 'ALERT';
+ }
+ return `${normalizedPriority.toUpperCase()} PRIORITY`;
+ }
+
+ function formatWorkflowTriggeredTime(isoString) {
+ if (!isoString) {
+ return 'Triggered: --:--:--';
+ }
+
+ const date = new Date(isoString);
+ return `Triggered: ${date.toLocaleTimeString([], {
+ hour: '2-digit',
+ minute: '2-digit',
+ second: '2-digit',
+ hour12: false,
+ })}`;
+ }
+
+ function normalizeWorkflowAlertText(text) {
+ return String(text || '').replace(/\s+/g, ' ').trim();
+ }
+
+ function buildWorkflowAlertSummary(text, maxLength = 140) {
+ const normalizedText = normalizeWorkflowAlertText(text);
+ if (!normalizedText) {
+ return '';
+ }
+
+ const sentenceMatch = normalizedText.match(/^(.+?[.!?])(?:\s|$)/);
+ if (sentenceMatch && sentenceMatch[1].trim().length >= 24 && sentenceMatch[1].trim().length <= maxLength) {
+ return sentenceMatch[1].trim();
+ }
+
+ const numberedSplit = normalizedText.split(/\s+\d+\.\s+/)[0].trim();
+ if (numberedSplit.length >= 24 && numberedSplit.length <= maxLength) {
+ return numberedSplit;
+ }
+
+ const dashSplit = normalizedText.split(/\s+-\s+/)[0].trim();
+ if (dashSplit.length >= 24 && dashSplit.length <= maxLength) {
+ return dashSplit;
+ }
+
+ if (normalizedText.length <= maxLength) {
+ return normalizedText;
+ }
+
+ return `${normalizedText.slice(0, maxLength - 3).trimEnd()}...`;
+ }
+
+ function normalizeWorkflowAlertTargetLabel(label) {
+ const normalizedLabel = String(label || '').trim();
+ const lowerLabel = normalizedLabel.toLowerCase();
+ if (lowerLabel === 'open workflow conversation' || lowerLabel === 'open workflow') {
+ return 'Open workflow';
+ }
+ if (lowerLabel.startsWith('open created')) {
+ return 'Open created conversation';
+ }
+ if (lowerLabel.startsWith('open updated')) {
+ return 'Open conversation';
+ }
+ return normalizedLabel || 'Open conversation';
+ }
+
+ function isWorkflowAlertWorkflowTarget(target) {
+ return String(target?.label || '').trim().toLowerCase() === 'open workflow';
+ }
+
+ function getWorkflowAlertTargetPriority(target) {
+ const label = String(target?.label || '').trim().toLowerCase();
+ const linkContext = target?.link_context || {};
+ const workspaceType = String(linkContext.workspace_type || '').trim().toLowerCase();
+ const chatType = String(linkContext.chat_type || '').trim().toLowerCase();
+ const conversationKind = String(linkContext.conversation_kind || '').trim().toLowerCase();
+
+ let priority = 0;
+ if (label.startsWith('open created')) {
+ priority += 100;
+ } else if (label.startsWith('open conversation')) {
+ priority += 60;
+ } else {
+ priority += 20;
+ }
+
+ if (workspaceType === 'group' || chatType.startsWith('group')) {
+ priority += 40;
+ } else if (workspaceType === 'personal' && (chatType === 'personal_multi_user' || conversationKind === 'collaboration')) {
+ priority += 20;
+ } else if (workspaceType === 'personal') {
+ priority += 10;
+ }
+
+ return priority;
+ }
+
+ function selectPreferredWorkflowAlertTargets(targets) {
+ const workflowTarget = targets.find(target => isWorkflowAlertWorkflowTarget(target)) || null;
+ const nonWorkflowTargets = targets.filter(target => !isWorkflowAlertWorkflowTarget(target));
+ const selectedTargets = [];
+
+ if (nonWorkflowTargets.length) {
+ const preferredTarget = [...nonWorkflowTargets].sort((leftTarget, rightTarget) => (
+ getWorkflowAlertTargetPriority(rightTarget) - getWorkflowAlertTargetPriority(leftTarget)
+ ))[0];
+ selectedTargets.push(preferredTarget);
+ }
+
+ if (workflowTarget && (!selectedTargets.length || selectedTargets[0]?.link_context?.conversation_id !== workflowTarget?.link_context?.conversation_id)) {
+ selectedTargets.push(workflowTarget);
+ }
+
+ return selectedTargets.length ? selectedTargets : targets.slice(0, 1);
+ }
+
+ function extractWorkflowEventTitle(text) {
+ const normalizedText = normalizeWorkflowAlertText(text);
+ if (!normalizedText) {
+ return '';
+ }
+
+ const numberedMatch = normalizedText.match(/(?:^|\s)\d+\.\s*([^\-:.]{3,90}?)(?=\s+-|\.|:|$)/);
+ if (numberedMatch) {
+ return numberedMatch[1].trim();
+ }
+
+ const headingMatch = normalizedText.match(/^([A-Z][A-Za-z0-9/&()'\s]{5,90}?)(?=\s+-|:|\.)/);
+ if (headingMatch) {
+ return headingMatch[1].trim();
+ }
+
+ return '';
+ }
+
+ function buildWorkflowAlertTitle(notification, summaryText, detailText) {
+ const metadata = notification?.metadata || {};
+ const explicitTitle = normalizeWorkflowAlertText(metadata.event_title || metadata.alert_title || '');
+ if (explicitTitle) {
+ return explicitTitle;
+ }
+
+ const extractedTitle = extractWorkflowEventTitle(detailText) || extractWorkflowEventTitle(summaryText);
+ if (extractedTitle) {
+ return extractedTitle;
+ }
+
+ const normalizedNotificationTitle = normalizeWorkflowAlertText(notification?.title || '');
+ const strippedNotificationTitle = normalizedNotificationTitle.replace(/^(low|medium|high)\s+priority\s+workflow\s+alert:\s*/i, '').trim();
+ if (strippedNotificationTitle) {
+ return strippedNotificationTitle;
+ }
+
+ return normalizeWorkflowAlertText(metadata.workflow_name || '') || 'Workflow alert';
+ }
+
+ function buildWorkflowAlertType(notification, alertTitle) {
+ const metadata = notification?.metadata || {};
+ const workflowName = normalizeWorkflowAlertText(metadata.workflow_name || '');
+ if (workflowName && workflowName.toLowerCase() !== String(alertTitle || '').trim().toLowerCase()) {
+ return workflowName;
+ }
+
+ const runnerType = String(metadata.runner_type || '').trim().toLowerCase();
+ if (runnerType === 'agent') {
+ return 'Agent Workflow';
+ }
+ if (runnerType === 'model') {
+ return 'Model Workflow';
+ }
+ return '';
+ }
+
+ function getWorkflowAlertTargetButtonClass(target, index) {
+ const label = String(target?.label || '').trim().toLowerCase();
+ if (label.startsWith('open created')) {
+ return 'btn btn-success';
+ }
+ if (label === 'open workflow') {
+ return 'btn btn-outline-secondary';
+ }
+ return `btn ${index === 0 ? 'btn-primary' : 'btn-outline-primary'}`;
+ }
+
+ function normalizeWorkflowAlertTargets(notification) {
+ const metadata = notification?.metadata || {};
+ const rawTargets = Array.isArray(metadata.link_targets) ? metadata.link_targets : [];
+ const normalizedTargets = [];
+ const seenTargetKeys = new Set();
+
+ rawTargets.forEach(target => {
+ if (!target || !target.link_url) {
+ return;
+ }
+
+ const linkContext = target.link_context || {};
+ const dedupeKey = linkContext.conversation_id || target.link_url;
+ if (!dedupeKey || seenTargetKeys.has(dedupeKey)) {
+ return;
+ }
+
+ seenTargetKeys.add(dedupeKey);
+ normalizedTargets.push({
+ label: normalizeWorkflowAlertTargetLabel(target.label),
+ link_url: target.link_url,
+ link_context: linkContext,
+ });
+ });
+
+ if (!normalizedTargets.length && notification?.link_url) {
+ normalizedTargets.push({
+ label: 'Open conversation',
+ link_url: notification.link_url,
+ link_context: notification.link_context || {},
+ });
+ }
+
+ return selectPreferredWorkflowAlertTargets(normalizedTargets);
+ }
+
+ function populateWorkflowAlertModal(notification) {
+ if (!workflowAlertModal) {
+ return;
+ }
+
+ const metadata = notification?.metadata || {};
+ const priority = String(metadata.priority || notification?.priority || 'medium').trim().toLowerCase();
+ const workflowName = metadata.workflow_name || notification?.title || 'Workflow';
+ const triggerSource = metadata.trigger_source || '';
+ const detailText = normalizeWorkflowAlertText(metadata.response_preview || metadata.error || '');
+ const summaryText = buildWorkflowAlertSummary(
+ normalizeWorkflowAlertText(notification?.message || '') || detailText || 'Workflow update available.',
+ );
+ const alertTitle = buildWorkflowAlertTitle(notification, summaryText, detailText);
+ const alertType = buildWorkflowAlertType(notification, alertTitle);
+ const metaParts = [];
+ if (triggerSource) {
+ metaParts.push(`Trigger: ${triggerSource}`);
+ }
+ if (metadata.runner_type) {
+ metaParts.push(`Runner: ${String(metadata.runner_type).trim()}`);
+ }
+ metaParts.push(formatRelativeTime(notification.created_at));
+
+ if (workflowAlertModalContent) {
+ workflowAlertModalContent.dataset.priority = priority || 'medium';
+ }
+ if (workflowAlertPriorityBadge) {
+ workflowAlertPriorityBadge.className = `badge text-uppercase ${getWorkflowAlertPriorityBadgeClass(priority)}`;
+ workflowAlertPriorityBadge.textContent = formatWorkflowAlertPriorityLabel(priority);
+ }
+ if (workflowAlertTitle) {
+ workflowAlertTitle.textContent = alertTitle || workflowName || 'Workflow alert';
+ }
+ if (workflowAlertTriggeredAt) {
+ workflowAlertTriggeredAt.innerHTML = `Triggered: ${escapeHtml(formatWorkflowTriggeredTime(notification.created_at).replace(/^Triggered:\s*/, ''))}`;
+ }
+ if (workflowAlertTypeCard && workflowAlertTypeValue) {
+ if (alertType) {
+ workflowAlertTypeValue.textContent = alertType;
+ workflowAlertTypeCard.classList.remove('d-none');
+ } else {
+ workflowAlertTypeValue.textContent = '';
+ workflowAlertTypeCard.classList.add('d-none');
+ }
+ }
+ if (workflowAlertSummaryIcon) {
+ const iconClass = String(notification?.type_config?.icon || 'bi-bell-fill').trim();
+ workflowAlertSummaryIcon.className = `bi ${iconClass}`;
+ }
+ if (workflowAlertMeta) {
+ workflowAlertMeta.innerHTML = metaParts.filter(Boolean).map(item => `
+ ${escapeHtml(item)}
+ `).join('');
+ }
+ if (workflowAlertMessage) {
+ workflowAlertMessage.textContent = summaryText || 'Workflow update available.';
+ }
+
+ if (workflowAlertResponsePreview && workflowAlertResponsePreviewCard) {
+ if (detailText && detailText !== normalizeWorkflowAlertText(summaryText)) {
+ workflowAlertResponsePreview.textContent = detailText;
+ workflowAlertResponsePreviewCard.classList.remove('d-none');
+ } else {
+ workflowAlertResponsePreview.textContent = '';
+ workflowAlertResponsePreviewCard.classList.add('d-none');
+ }
+ }
+
+ activeWorkflowAlertTargets = normalizeWorkflowAlertTargets(notification);
+ if (workflowAlertLinks) {
+ if (!activeWorkflowAlertTargets.length) {
+ workflowAlertLinks.innerHTML = 'No linked conversation is available for this alert.
';
+ } else {
+ workflowAlertLinks.innerHTML = activeWorkflowAlertTargets.map((target, index) => `
+
+ `).join('');
+ }
+ }
+ }
+
+ function enqueueWorkflowAlerts(notifications) {
+ if (!Array.isArray(notifications) || !notifications.length) {
+ return;
+ }
+
+ const queuedIds = new Set(workflowAlertQueue.map(notification => notification.id));
+ notifications.forEach(notification => {
+ if (!notification?.id) {
+ return;
+ }
+ if (queuedIds.has(notification.id) || activeWorkflowAlert?.id === notification.id || hasShownWorkflowAlert(notification.id)) {
+ return;
+ }
+
+ queuedIds.add(notification.id);
+ workflowAlertQueue.push(notification);
+ });
+
+ showNextWorkflowAlert();
+ }
+
+ function showNextWorkflowAlert() {
+ if (!workflowAlertModal || activeWorkflowAlert || !workflowAlertQueue.length) {
+ return;
+ }
+
+ activeWorkflowAlert = workflowAlertQueue.shift();
+ activeWorkflowAlertTargets = [];
+ rememberShownWorkflowAlert(activeWorkflowAlert.id);
+ populateWorkflowAlertModal(activeWorkflowAlert);
+ workflowAlertModal.show();
+ }
+
+ function loadWorkflowAlerts() {
+ if (!workflowAlertModal || isLoadingWorkflowAlerts) {
+ return Promise.resolve();
+ }
+
+ isLoadingWorkflowAlerts = true;
+
+ return fetch('/api/notifications/workflow-alerts?limit=5')
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ enqueueWorkflowAlerts(data.notifications || []);
+ }
+ })
+ .catch(error => {
+ console.error('Error loading workflow alerts:', error);
+ })
+ .finally(() => {
+ isLoadingWorkflowAlerts = false;
+ });
+ }
+
+ function fetchNotificationCount() {
+ return fetch('/api/notifications/count')
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ updateNotificationBadge(data.count);
+ if (data.count > 0) {
+ return loadWorkflowAlerts();
+ }
+ }
+ return undefined;
+ })
+ .catch(error => {
+ console.error('Error polling notification count:', error);
+ });
+ }
+
+ function refreshNotificationsUi() {
+ if (document.getElementById('notifications-container')) {
+ loadNotifications();
+ return;
+ }
+
+ fetchNotificationCount();
+ }
/**
* Update notification badge in top nav and sidebar
@@ -98,17 +566,8 @@
if (isPolling) return;
isPolling = true;
-
- fetch('/api/notifications/count')
- .then(response => response.json())
- .then(data => {
- if (data.success) {
- updateNotificationBadge(data.count);
- }
- })
- .catch(error => {
- console.error('Error polling notification count:', error);
- })
+
+ fetchNotificationCount()
.finally(() => {
isPolling = false;
@@ -311,7 +770,7 @@
attachPaginationListeners();
// Update badge
- pollNotificationCount();
+ fetchNotificationCount();
})
.catch(error => {
console.error('Error loading notifications:', error);
@@ -391,12 +850,11 @@
async function handleNotificationClick(notification) {
// Mark as read
if (!notification.is_read) {
- markNotificationRead(notification.id);
+ await markNotificationRead(notification.id);
}
-
- // Check if this is a group notification - set active group before navigating
- const groupId = notification.metadata?.group_id;
- if (groupId && notification.link_url === '/group_workspaces') {
+
+ const groupId = notification.link_context?.group_id || notification.metadata?.group_id;
+ if (groupId) {
try {
const response = await fetch('/api/groups/setActive', {
method: 'PATCH',
@@ -424,7 +882,7 @@
* Mark notification as read
*/
function markNotificationRead(notificationId) {
- fetch(`/api/notifications/${notificationId}/read`, {
+ return fetch(`/api/notifications/${notificationId}/read`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -433,11 +891,14 @@
.then(response => response.json())
.then(data => {
if (data.success) {
- loadNotifications();
+ refreshNotificationsUi();
+ return true;
}
+ return false;
})
.catch(error => {
console.error('Error marking notification as read:', error);
+ return false;
});
}
@@ -445,17 +906,87 @@
* Dismiss notification
*/
function dismissNotification(notificationId) {
- fetch(`/api/notifications/${notificationId}/dismiss`, {
+ return fetch(`/api/notifications/${notificationId}/dismiss`, {
method: 'DELETE'
})
.then(response => response.json())
.then(data => {
if (data.success) {
- loadNotifications();
+ refreshNotificationsUi();
+ return true;
}
+ return false;
})
.catch(error => {
console.error('Error dismissing notification:', error);
+ return false;
+ });
+ }
+
+ function initializeWorkflowAlertModal() {
+ if (!workflowAlertModalEl || !workflowAlertModal) {
+ return;
+ }
+
+ workflowAlertLinks?.addEventListener('click', async function(event) {
+ const linkButton = event.target.closest('[data-workflow-alert-link]');
+ if (!linkButton || !activeWorkflowAlert) {
+ return;
+ }
+
+ const linkIndex = Number.parseInt(linkButton.getAttribute('data-workflow-alert-link') || '-1', 10);
+ const target = activeWorkflowAlertTargets[linkIndex];
+ if (!target?.link_url) {
+ return;
+ }
+
+ await markNotificationRead(activeWorkflowAlert.id);
+
+ const groupId = target.link_context?.group_id || '';
+ if (groupId) {
+ try {
+ await fetch('/api/groups/setActive', {
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({ groupId: groupId })
+ });
+ } catch (error) {
+ console.error('Error aligning group context for workflow alert:', error);
+ }
+ }
+
+ window.location.href = target.link_url;
+ });
+
+ workflowAlertMarkReadBtn?.addEventListener('click', async function() {
+ if (!activeWorkflowAlert) {
+ return;
+ }
+
+ await markNotificationRead(activeWorkflowAlert.id);
+ workflowAlertModal.hide();
+ });
+
+ workflowAlertDismissBtn?.addEventListener('click', async function() {
+ if (!activeWorkflowAlert) {
+ return;
+ }
+
+ await dismissNotification(activeWorkflowAlert.id);
+ workflowAlertModal.hide();
+ });
+
+ workflowAlertModalEl.addEventListener('hidden.bs.modal', function() {
+ activeWorkflowAlert = null;
+ activeWorkflowAlertTargets = [];
+ showNextWorkflowAlert();
+ });
+
+ window.addEventListener('workflow-alert-refresh-requested', function() {
+ fetchNotificationCount();
+ loadWorkflowAlerts();
});
}
@@ -552,10 +1083,12 @@
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
pollNotificationCount();
+ initializeWorkflowAlertModal();
initNotificationsPage();
});
} else {
pollNotificationCount();
+ initializeWorkflowAlertModal();
initNotificationsPage();
}
diff --git a/application/single_app/static/js/plugin_common.js b/application/single_app/static/js/plugin_common.js
index e50278d4d..dea7efff1 100644
--- a/application/single_app/static/js/plugin_common.js
+++ b/application/single_app/static/js/plugin_common.js
@@ -337,6 +337,15 @@ export async function getErrorMessageFromResponse(response, fallbackMessage = 'R
return fallbackMessage;
}
+ const trimmedResponseText = responseText.trim();
+ const normalizedResponseText = trimmedResponseText.toLowerCase();
+ if (normalizedResponseText.startsWith(' { // Load schema on initialization
this._populateGenericAuthTypeDropdown(); // Dynamically populate generic auth type dropdown after schema loads (will be called again after schema loads)
@@ -132,12 +240,18 @@ export class PluginModalStepper {
});
document.getElementById('sql-auth-type').addEventListener('change', () => this.handleSqlAuthTypeChange());
+ document.getElementById('cosmos-auth-type').addEventListener('change', () => this.handleCosmosAuthTypeChange());
// Test SQL connection button
const testConnBtn = document.getElementById('sql-test-connection-btn');
if (testConnBtn) {
testConnBtn.addEventListener('click', () => this.testSqlConnection());
}
+
+ const testCosmosBtn = document.getElementById('cosmos-test-connection-btn');
+ if (testCosmosBtn) {
+ testCosmosBtn.addEventListener('click', () => this.testCosmosConnection());
+ }
// Set up display name to generated name conversion
this.setupNameGeneration();
@@ -487,33 +601,330 @@ export class PluginModalStepper {
}
}
+ isOpenApiType(type = this.selectedType) {
+ return !!(type && type.toLowerCase().includes('openapi'));
+ }
+
+ isSqlType(type = this.selectedType) {
+ return !!(
+ type && (
+ type.toLowerCase().includes('sql') ||
+ type.toLowerCase() === 'sql_schema' ||
+ type.toLowerCase() === 'sql_query'
+ )
+ );
+ }
+
+ isCosmosType(type = this.selectedType) {
+ return !!(type && type.toLowerCase() === 'cosmos_query');
+ }
+
+ isDocumentSearchType(type = this.selectedType) {
+ return !!(type && ['search', 'document_search'].includes(type.toLowerCase()));
+ }
+
+ isSimpleChatType(type = this.selectedType) {
+ return !!(type && type.toLowerCase() === 'simplechat');
+ }
+
+ isMsGraphType(type = this.selectedType) {
+ return !!(type && type.toLowerCase() === 'msgraph');
+ }
+
+ getDefaultSimpleChatCapabilities() {
+ const defaults = {};
+ SIMPLECHAT_CAPABILITY_DEFINITIONS.forEach(definition => {
+ defaults[definition.key] = true;
+ });
+ return defaults;
+ }
+
+ normalizeSimpleChatCapabilities(rawCapabilities = null) {
+ const defaults = this.getDefaultSimpleChatCapabilities();
+ if (!rawCapabilities || typeof rawCapabilities !== 'object' || Array.isArray(rawCapabilities)) {
+ return defaults;
+ }
+
+ SIMPLECHAT_CAPABILITY_DEFINITIONS.forEach(definition => {
+ if (Object.prototype.hasOwnProperty.call(rawCapabilities, definition.key)) {
+ defaults[definition.key] = Boolean(rawCapabilities[definition.key]);
+ }
+ });
+
+ return defaults;
+ }
+
+ renderSimpleChatConfiguration() {
+ const list = document.getElementById('simplechat-capabilities-list');
+ if (!list) {
+ return;
+ }
+
+ list.innerHTML = '';
+ SIMPLECHAT_CAPABILITY_DEFINITIONS.forEach(definition => {
+ const wrapper = document.createElement('div');
+ wrapper.className = 'form-check mb-3';
+
+ const checkbox = document.createElement('input');
+ checkbox.className = 'form-check-input';
+ checkbox.type = 'checkbox';
+ checkbox.id = `simplechat-capability-${definition.key}`;
+ checkbox.checked = Boolean(this.simpleChatCapabilityState?.[definition.key]);
+
+ const label = document.createElement('label');
+ label.className = 'form-check-label';
+ label.setAttribute('for', checkbox.id);
+ label.innerHTML = `${this.escapeHtml(definition.label)}${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + this.simpleChatCapabilityState = { + ...this.simpleChatCapabilityState, + [definition.key]: checkbox.checked + }; + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + list.appendChild(wrapper); + }); + } + + setSimpleChatCapabilities(rawCapabilities = null) { + this.simpleChatCapabilityState = this.normalizeSimpleChatCapabilities(rawCapabilities); + this.renderSimpleChatConfiguration(); + } + + getSelectedSimpleChatCapabilities() { + return this.normalizeSimpleChatCapabilities(this.simpleChatCapabilityState); + } + + getDefaultMsGraphCapabilities() { + const defaults = {}; + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + defaults[definition.key] = true; + }); + return defaults; + } + + normalizeMsGraphCapabilities(rawCapabilities = null) { + const defaults = this.getDefaultMsGraphCapabilities(); + if (!rawCapabilities || typeof rawCapabilities !== 'object' || Array.isArray(rawCapabilities)) { + return defaults; + } + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (Object.prototype.hasOwnProperty.call(rawCapabilities, definition.key)) { + defaults[definition.key] = Boolean(rawCapabilities[definition.key]); + } + }); + + return defaults; + } + + renderMsGraphConfiguration() { + const list = document.getElementById('msgraph-capabilities-list'); + if (!list) { + return; + } + + list.innerHTML = ''; + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + const wrapper = document.createElement('div'); + wrapper.className = 'form-check mb-3'; + + const checkbox = document.createElement('input'); + checkbox.className = 'form-check-input'; + checkbox.type = 'checkbox'; + checkbox.id = `msgraph-capability-${definition.key}`; + checkbox.checked = Boolean(this.msGraphCapabilityState?.[definition.key]); + + const label = document.createElement('label'); + label.className = 'form-check-label'; + label.setAttribute('for', checkbox.id); + label.innerHTML = `${this.escapeHtml(definition.label)}
${this.escapeHtml(definition.description)}`; + + checkbox.addEventListener('change', () => { + this.msGraphCapabilityState = { + ...this.msGraphCapabilityState, + [definition.key]: checkbox.checked + }; + }); + + wrapper.appendChild(checkbox); + wrapper.appendChild(label); + list.appendChild(wrapper); + }); + } + + setMsGraphCapabilities(rawCapabilities = null) { + this.msGraphCapabilityState = this.normalizeMsGraphCapabilities(rawCapabilities); + this.renderMsGraphConfiguration(); + } + + getSelectedMsGraphCapabilities() { + return this.normalizeMsGraphCapabilities(this.msGraphCapabilityState); + } + + initializeDocumentSearchConfiguration() { + const defaults = { + 'document-search-scope': 'all', + 'document-search-top-n': '12', + 'document-search-window-unit': 'pages', + 'document-search-window-target-length': '2 pages', + 'document-search-final-target-length': '2 pages' + }; + + Object.entries(defaults).forEach(([id, value]) => { + const element = document.getElementById(id); + if (element && !String(element.value || '').trim()) { + element.value = value; + } + }); + } + + getDocumentSearchAdditionalFields() { + const topNValue = parseInt(document.getElementById('document-search-top-n')?.value, 10); + const windowSizeValue = parseInt(document.getElementById('document-search-window-size')?.value, 10); + const windowPercentValue = parseInt(document.getElementById('document-search-window-percent')?.value, 10); + const focusInstructions = document.getElementById('document-search-focus-instructions')?.value.trim() || ''; + const windowTargetLength = document.getElementById('document-search-window-target-length')?.value.trim() || '2 pages'; + const finalTargetLength = document.getElementById('document-search-final-target-length')?.value.trim() || '2 pages'; + + const additionalFields = { + default_doc_scope: document.getElementById('document-search-scope')?.value || 'all', + default_top_n: !Number.isNaN(topNValue) && topNValue > 0 ? topNValue : 12, + default_window_unit: document.getElementById('document-search-window-unit')?.value || 'pages', + default_window_target_length: windowTargetLength, + default_final_target_length: finalTargetLength + }; + + if (focusInstructions) { + additionalFields.default_focus_instructions = focusInstructions; + } + if (!Number.isNaN(windowSizeValue) && windowSizeValue > 0) { + additionalFields.default_window_size = windowSizeValue; + } + if (!Number.isNaN(windowPercentValue) && windowPercentValue > 0) { + additionalFields.default_window_percent = windowPercentValue; + } + + return additionalFields; + } + + populateDocumentSearchForm(additionalFields = {}) { + document.getElementById('document-search-scope').value = additionalFields.default_doc_scope || 'all'; + document.getElementById('document-search-top-n').value = additionalFields.default_top_n || 12; + document.getElementById('document-search-window-unit').value = additionalFields.default_window_unit || 'pages'; + document.getElementById('document-search-window-size').value = additionalFields.default_window_size || ''; + document.getElementById('document-search-window-percent').value = additionalFields.default_window_percent || ''; + document.getElementById('document-search-focus-instructions').value = additionalFields.default_focus_instructions || ''; + document.getElementById('document-search-window-target-length').value = additionalFields.default_window_target_length || '2 pages'; + document.getElementById('document-search-final-target-length').value = additionalFields.default_final_target_length || '2 pages'; + } + + formatDocumentScope(scope) { + const scopeMap = { + all: 'All Accessible Content', + personal: 'Personal Workspace', + group: 'Group Workspaces', + public: 'Public Workspaces' + }; + + return scopeMap[scope] || scope || '-'; + } + + formatDocumentSearchWindowing(config = {}) { + const unit = config.default_window_unit === 'chunks' ? 'Chunks' : 'Pages'; + if (config.default_window_size) { + return `${unit} (${config.default_window_size} per window)`; + } + if (config.default_window_percent) { + return `${unit} (${config.default_window_percent}% of document)`; + } + return `${unit} (automatic sizing)`; + } + + isStructuredConfigType(type = this.selectedType) { + return this.isSqlType(type) || this.isCosmosType(type) || this.isDocumentSearchType(type) || this.isSimpleChatType(type) || this.isMsGraphType(type); + } + showConfigSectionForType() { const openApiSection = document.getElementById('openapi-config-section'); const genericSection = document.getElementById('generic-config-section'); const sqlSection = document.getElementById('sql-config-section'); - - // Determine plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); + const simpleChatSection = document.getElementById('simplechat-config-section'); + const msGraphSection = document.getElementById('msgraph-config-section'); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { openApiSection.classList.remove('d-none'); genericSection.classList.add('d-none'); sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); } else if (isSqlType) { openApiSection.classList.add('d-none'); genericSection.classList.add('d-none'); sqlSection.classList.remove('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); // Initialize SQL plugin configuration this.initializeSqlConfiguration(); + } else if (isCosmosType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.remove('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); + this.initializeCosmosConfiguration(); + } else if (isDocumentSearchType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.remove('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); + this.initializeDocumentSearchConfiguration(); + } else if (isSimpleChatType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.remove('d-none'); + msGraphSection.classList.add('d-none'); + this.renderSimpleChatConfiguration(); + } else if (isMsGraphType) { + openApiSection.classList.add('d-none'); + genericSection.classList.add('d-none'); + sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.remove('d-none'); + this.renderMsGraphConfiguration(); } else { openApiSection.classList.add('d-none'); genericSection.classList.remove('d-none'); sqlSection.classList.add('d-none'); + cosmosSection.classList.add('d-none'); + documentSearchSection.classList.add('d-none'); + simpleChatSection.classList.add('d-none'); + msGraphSection.classList.add('d-none'); } } @@ -537,17 +948,23 @@ export class PluginModalStepper { if (stepNumber === 3) { const titleEl = document.getElementById('step-3-title'); if (titleEl) { - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); if (isOpenApiType) { titleEl.textContent = 'API Configuration'; } else if (isSqlType) { titleEl.textContent = 'Database Configuration'; + } else if (isCosmosType) { + titleEl.textContent = 'Cosmos Configuration'; + } else if (isDocumentSearchType) { + titleEl.textContent = 'Document Search Configuration'; + } else if (this.isSimpleChatType()) { + titleEl.textContent = 'SimpleChat Configuration'; + } else if (this.isMsGraphType()) { + titleEl.textContent = 'Microsoft Graph Configuration'; } else { titleEl.textContent = 'Configuration'; } @@ -555,11 +972,11 @@ export class PluginModalStepper { } if (stepNumber === 4) { - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; + const isStructuredConfigType = this.isStructuredConfigType(); const additionalFieldsDiv = document.getElementById('plugin-additional-fields-div'); - // For SQL types, hide additional fields entirely since Step 3 covers all SQL config - if (isSqlType && additionalFieldsDiv) { + // For SQL and Cosmos types, hide additional fields entirely since Step 3 covers config. + if (isStructuredConfigType && additionalFieldsDiv) { additionalFieldsDiv.innerHTML = ''; additionalFieldsDiv.classList.add('d-none'); this.lastAdditionalFieldsType = this.selectedType; @@ -722,8 +1139,16 @@ export class PluginModalStepper { // Validate based on which config section is visible const openApiSection = document.getElementById('openapi-config-section'); const sqlSection = document.getElementById('sql-config-section'); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); + const simpleChatSection = document.getElementById('simplechat-config-section'); + const msGraphSection = document.getElementById('msgraph-config-section'); const isOpenApiVisible = !openApiSection.classList.contains('d-none'); const isSqlVisible = !sqlSection.classList.contains('d-none'); + const isCosmosVisible = !cosmosSection.classList.contains('d-none'); + const isDocumentSearchVisible = !documentSearchSection.classList.contains('d-none'); + const isSimpleChatVisible = !simpleChatSection.classList.contains('d-none'); + const isMsGraphVisible = !msGraphSection.classList.contains('d-none'); if (isOpenApiVisible) { // Validate OpenAPI fields @@ -835,6 +1260,79 @@ export class PluginModalStepper { } } } + } else if (isCosmosVisible) { + const endpoint = document.getElementById('cosmos-endpoint').value.trim(); + const databaseName = document.getElementById('cosmos-database-name').value.trim(); + const containerName = document.getElementById('cosmos-container-name').value.trim(); + const partitionKeyPath = document.getElementById('cosmos-partition-key-path').value.trim(); + const authType = document.getElementById('cosmos-auth-type').value; + const authKey = document.getElementById('cosmos-auth-key').value.trim(); + const maxItems = parseInt(document.getElementById('cosmos-max-items').value, 10); + const timeout = parseInt(document.getElementById('cosmos-timeout').value, 10); + + if (!endpoint) { + this.showError('Cosmos DB account endpoint is required.'); + return false; + } + if (!databaseName) { + this.showError('Cosmos DB database name is required.'); + return false; + } + if (!containerName) { + this.showError('Cosmos DB container name is required.'); + return false; + } + if (!partitionKeyPath || !partitionKeyPath.startsWith('/')) { + this.showError('Partition key path is required and must start with /.'); + return false; + } + if (authType === 'key' && !authKey) { + this.showError('Cosmos DB account key is required when using account key authentication.'); + return false; + } + if (Number.isNaN(maxItems) || maxItems < 1 || maxItems > 1000) { + this.showError('Max items must be between 1 and 1000.'); + return false; + } + if (Number.isNaN(timeout) || timeout < 1 || timeout > 120) { + this.showError('Timeout must be between 1 and 120 seconds.'); + return false; + } + } else if (isSimpleChatVisible) { + const capabilityValues = Object.values(this.getSelectedSimpleChatCapabilities()); + if (!capabilityValues.some(Boolean)) { + this.showError('Enable at least one SimpleChat capability before continuing.'); + return false; + } + } else if (isMsGraphVisible) { + const capabilityValues = Object.values(this.getSelectedMsGraphCapabilities()); + if (!capabilityValues.some(Boolean)) { + this.showError('Enable at least one Microsoft Graph capability before continuing.'); + return false; + } + } else if (isDocumentSearchVisible) { + const topN = parseInt(document.getElementById('document-search-top-n').value, 10); + const windowSizeValue = document.getElementById('document-search-window-size').value.trim(); + const windowPercentValue = document.getElementById('document-search-window-percent').value.trim(); + + if (Number.isNaN(topN) || topN < 1 || topN > 500) { + this.showError('Default search result limit must be between 1 and 500.'); + return false; + } + if (windowSizeValue) { + const windowSize = parseInt(windowSizeValue, 10); + if (Number.isNaN(windowSize) || windowSize < 1 || windowSize > 100) { + this.showError('Preferred window size must be between 1 and 100.'); + return false; + } + } + if (windowPercentValue) { + const windowPercent = parseInt(windowPercentValue, 10); + if (Number.isNaN(windowPercent) || windowPercent < 1 || windowPercent > 100) { + this.showError('Preferred window percent must be between 1 and 100.'); + return false; + } + } } else { // Validate generic endpoint field const endpoint = document.getElementById('plugin-endpoint-generic').value.trim(); @@ -1098,6 +1596,143 @@ export class PluginModalStepper { } // SQL Plugin Configuration Methods + initializeCosmosConfiguration() { + const authTypeField = document.getElementById('cosmos-auth-type'); + const maxItemsField = document.getElementById('cosmos-max-items'); + const timeoutField = document.getElementById('cosmos-timeout'); + if (authTypeField && !authTypeField.value) { + authTypeField.value = 'identity'; + } + if (maxItemsField && !maxItemsField.value) { + maxItemsField.value = '100'; + } + if (timeoutField && !timeoutField.value) { + timeoutField.value = '30'; + } + + const resultDiv = document.getElementById('cosmos-test-connection-result'); + if (resultDiv) { + resultDiv.classList.add('d-none'); + } + + this.handleCosmosAuthTypeChange(); + } + + handleCosmosAuthTypeChange() { + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + const keyGroup = document.getElementById('cosmos-auth-key-group'); + const keyInput = document.getElementById('cosmos-auth-key'); + + if (keyGroup) { + keyGroup.classList.toggle('d-none', authType !== 'key'); + } + + if (keyInput) { + keyInput.required = authType === 'key'; + } + + this.updateCosmosAuthInfo(authType); + } + + updateCosmosAuthInfo(authType = document.getElementById('cosmos-auth-type')?.value || 'identity') { + const infoDiv = document.getElementById('cosmos-auth-info'); + const infoText = document.getElementById('cosmos-auth-info-text'); + + if (!infoDiv || !infoText) { + return; + } + + let message = 'Managed Identity uses Azure AD authentication without storing credentials. Assign an Azure Cosmos DB built-in data reader role to the application identity for the target account.'; + if (authType === 'key') { + message = 'Account Key uses a primary or secondary Azure Cosmos DB account key. When Key Vault secret storage is enabled, the key is stored in Key Vault and edit forms preserve the stored secret if you leave the masked value unchanged.'; + } + + infoText.textContent = message; + infoDiv.classList.remove('d-none'); + } + + getCosmosFieldHints() { + const rawValue = document.getElementById('cosmos-field-hints')?.value || ''; + return rawValue + .split(/[,\n]/) + .map(value => value.trim()) + .filter(Boolean); + } + + async testCosmosConnection() { + const btn = document.getElementById('cosmos-test-connection-btn'); + const resultDiv = document.getElementById('cosmos-test-connection-result'); + const alertDiv = document.getElementById('cosmos-test-connection-alert'); + if (!btn || !resultDiv || !alertDiv) return; + + const endpoint = document.getElementById('cosmos-endpoint')?.value?.trim() || ''; + const databaseName = document.getElementById('cosmos-database-name')?.value?.trim() || ''; + const containerName = document.getElementById('cosmos-container-name')?.value?.trim() || ''; + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + const authKey = document.getElementById('cosmos-auth-key')?.value?.trim() || ''; + const timeout = parseInt(document.getElementById('cosmos-timeout')?.value, 10) || 10; + + if (!endpoint || !databaseName || !containerName) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-warning mb-0 py-2 px-3 small'; + alertDiv.textContent = 'Endpoint, database name, and container name are required before testing the Cosmos connection.'; + return; + } + if (authType === 'key' && !authKey) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-warning mb-0 py-2 px-3 small'; + alertDiv.textContent = 'Account key is required before testing a key-based Cosmos connection.'; + return; + } + + const originalText = btn.innerHTML; + btn.innerHTML = 'Testing...'; + btn.disabled = true; + resultDiv.classList.add('d-none'); + + try { + const payload = { + endpoint, + database_name: databaseName, + container_name: containerName, + auth_type: authType, + timeout + }; + + if (authType === 'key') { + payload.auth_key = authKey; + } + + const existingPluginContext = this.getTestPluginContext(); + if (existingPluginContext) { + payload.existing_plugin = existingPluginContext; + } + + const response = await fetch('/api/plugins/test-cosmos-connection', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + const data = await response.json(); + + resultDiv.classList.remove('d-none'); + if (data.success) { + alertDiv.className = 'alert alert-success mb-0 py-2 px-3 small'; + alertDiv.innerHTML = '' + (data.message || 'Connection successful!'); + } else { + alertDiv.className = 'alert alert-danger mb-0 py-2 px-3 small'; + alertDiv.innerHTML = '' + (data.error || 'Connection failed.'); + } + } catch (error) { + resultDiv.classList.remove('d-none'); + alertDiv.className = 'alert alert-danger mb-0 py-2 px-3 small'; + alertDiv.innerHTML = 'Test failed: ' + (error.message || 'Network error'); + } finally { + btn.innerHTML = originalText; + btn.disabled = false; + } + } + initializeSqlConfiguration() { // Set default values document.getElementById('sql-read-only').value = 'true'; @@ -1256,7 +1891,7 @@ export class PluginModalStepper { this.updateSqlAuthInfo(); } - getSqlTestPluginContext() { + getTestPluginContext() { if (!this.isEditMode || !this.originalPlugin) { return null; } @@ -1323,7 +1958,7 @@ export class PluginModalStepper { payload.timeout = parseInt(document.getElementById('sql-timeout')?.value) || 10; - const existingPluginContext = this.getSqlTestPluginContext(); + const existingPluginContext = this.getTestPluginContext(); if (existingPluginContext) { payload.existing_plugin = existingPluginContext; } @@ -1559,7 +2194,7 @@ export class PluginModalStepper { } document.getElementById('plugin-auth-type').value = authType; - } else if (plugin.type && (plugin.type.toLowerCase().includes('sql') || plugin.type.toLowerCase() === 'sql_schema' || plugin.type.toLowerCase() === 'sql_query')) { + } else if (this.isSqlType(plugin.type)) { // Populate SQL fields const additionalFields = plugin.additionalFields || {}; const auth = plugin.auth || {}; @@ -1611,6 +2246,31 @@ export class PluginModalStepper { this.handleSqlDatabaseTypeChange(); this.handleSqlConnectionMethodChange(); this.handleSqlAuthTypeChange(); + } else if (this.isCosmosType(plugin.type)) { + const additionalFields = plugin.additionalFields || {}; + const auth = plugin.auth || {}; + + document.getElementById('cosmos-endpoint').value = plugin.endpoint || ''; + document.getElementById('cosmos-database-name').value = additionalFields.database_name || ''; + document.getElementById('cosmos-container-name').value = additionalFields.container_name || ''; + document.getElementById('cosmos-partition-key-path').value = additionalFields.partition_key_path || ''; + document.getElementById('cosmos-field-hints').value = Array.isArray(additionalFields.field_hints) + ? additionalFields.field_hints.join('\n') + : ''; + document.getElementById('cosmos-max-items').value = additionalFields.max_items || 100; + document.getElementById('cosmos-timeout').value = additionalFields.timeout || 30; + document.getElementById('cosmos-auth-type').value = auth.type || 'identity'; + document.getElementById('cosmos-auth-key').value = auth.key || ''; + this.initializeCosmosConfiguration(); + } else if (this.isDocumentSearchType(plugin.type)) { + this.populateDocumentSearchForm(plugin.additionalFields || {}); + this.initializeDocumentSearchConfiguration(); + } else if (this.isSimpleChatType(plugin.type)) { + const additionalFields = plugin.additionalFields || plugin.additional_fields || {}; + this.setSimpleChatCapabilities(additionalFields.simplechat_capabilities || plugin.simplechat_capabilities || null); + } else if (this.isMsGraphType(plugin.type)) { + const additionalFields = plugin.additionalFields || plugin.additional_fields || {}; + this.setMsGraphCapabilities(additionalFields.msgraph_capabilities || plugin.msgraph_capabilities || null); } else { // Populate generic fields document.getElementById('plugin-endpoint-generic').value = plugin.endpoint || ''; @@ -1643,8 +2303,12 @@ export class PluginModalStepper { // Determine which configuration section is active const openApiSection = document.getElementById('openapi-config-section'); const sqlSection = document.getElementById('sql-config-section'); + const cosmosSection = document.getElementById('cosmos-config-section'); + const documentSearchSection = document.getElementById('document-search-config-section'); const isOpenApiVisible = !openApiSection.classList.contains('d-none'); const isSqlVisible = !sqlSection.classList.contains('d-none'); + const isCosmosVisible = !cosmosSection.classList.contains('d-none'); + const isDocumentSearchVisible = !documentSearchSection.classList.contains('d-none'); let auth = {}; let endpoint = ''; @@ -1820,6 +2484,45 @@ export class PluginModalStepper { // For SQL plugins, endpoint is not applicable endpoint = ''; + } else if (isCosmosVisible) { + endpoint = document.getElementById('cosmos-endpoint').value.trim(); + const databaseName = document.getElementById('cosmos-database-name').value.trim(); + const containerName = document.getElementById('cosmos-container-name').value.trim(); + const partitionKeyPath = document.getElementById('cosmos-partition-key-path').value.trim(); + const authType = document.getElementById('cosmos-auth-type').value; + + if (!endpoint || !databaseName || !containerName || !partitionKeyPath) { + throw new Error('Please complete the Cosmos DB endpoint, database, container, and partition key path.'); + } + + auth.type = authType; + if (authType === 'key') { + const authKey = document.getElementById('cosmos-auth-key').value.trim(); + if (!authKey) { + throw new Error('Please enter the Cosmos DB account key.'); + } + auth.key = authKey; + } else { + auth.identity = 'managed_identity'; + } + additionalFields.database_name = databaseName; + additionalFields.container_name = containerName; + additionalFields.partition_key_path = partitionKeyPath; + additionalFields.field_hints = this.getCosmosFieldHints(); + additionalFields.max_items = parseInt(document.getElementById('cosmos-max-items').value, 10) || 100; + additionalFields.timeout = parseInt(document.getElementById('cosmos-timeout').value, 10) || 30; + } else if (isDocumentSearchVisible) { + endpoint = INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + auth.type = 'NoAuth'; + additionalFields = this.getDocumentSearchAdditionalFields(); + } else if (this.isSimpleChatType()) { + endpoint = ''; + auth.type = 'user'; + additionalFields.simplechat_capabilities = this.getSelectedSimpleChatCapabilities(); + } else if (this.isMsGraphType()) { + endpoint = MSGRAPH_DEFAULT_ENDPOINT; + auth.type = 'user'; + additionalFields.msgraph_capabilities = this.getSelectedMsGraphCapabilities(); } else { // Collect generic plugin data console.log("Collecting generic plugin data"); @@ -1843,8 +2546,7 @@ export class PluginModalStepper { // This preserves OpenAPI spec content and other auto-populated fields // For SQL types, Step 3 already provides all necessary config — skip dynamic field merge // to prevent empty Step 4 fields from overwriting populated Step 3 values - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; - if (!isSqlType) { + if (!this.isStructuredConfigType()) { try { const dynamicFields = this.collectAdditionalFields(); // Merge dynamicFields into additionalFields (preserving existing values) @@ -1897,23 +2599,44 @@ export class PluginModalStepper { document.getElementById('summary-plugin-type').textContent = type; document.getElementById('summary-plugin-description').textContent = description || '-'; - // Configuration Section - Handle endpoint vs SQL configuration - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + // Configuration Section - Handle endpoint vs SQL/Cosmos configuration + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); const endpointRow = document.getElementById('summary-plugin-endpoint-row'); + const databaseTypeRow = document.getElementById('summary-plugin-database-type-row'); if (isSqlType) { // Hide endpoint for SQL plugins since they don't use endpoints endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = this.getSqlDatabaseType() || '-'; + databaseTypeRow.style.display = ''; + } else if (isCosmosType) { + const endpoint = this.getEndpointValue(); + document.getElementById('summary-plugin-endpoint').textContent = endpoint || '-'; + endpointRow.style.display = ''; + document.getElementById('summary-plugin-database-type').textContent = 'Cosmos DB for NoSQL'; + databaseTypeRow.style.display = ''; + } else if (isDocumentSearchType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Internal document search'; + databaseTypeRow.style.display = ''; + } else if (isSimpleChatType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Built-in SimpleChat action'; + databaseTypeRow.style.display = ''; + } else if (isMsGraphType) { + endpointRow.style.display = 'none'; + document.getElementById('summary-plugin-database-type').textContent = 'Built-in Microsoft Graph action'; + databaseTypeRow.style.display = ''; } else { // Show endpoint for non-SQL plugins (OpenAPI, generic, etc.) const endpoint = this.getEndpointValue(); document.getElementById('summary-plugin-endpoint').textContent = endpoint || '-'; endpointRow.style.display = ''; + databaseTypeRow.style.display = 'none'; } const authType = this.getAuthTypeValue(); @@ -1930,34 +2653,42 @@ export class PluginModalStepper { } const databaseType = this.getSqlDatabaseType(); - const databaseTypeRow = document.getElementById('summary-plugin-database-type-row'); - if (databaseType) { + if (!isSqlType && !isCosmosType && !isDocumentSearchType && !isSimpleChatType && !isMsGraphType && databaseType) { document.getElementById('summary-plugin-database-type').textContent = databaseType; databaseTypeRow.style.display = ''; - } else { + } else if (!isSqlType && !isCosmosType && !isDocumentSearchType && !isSimpleChatType && !isMsGraphType) { databaseTypeRow.style.display = 'none'; } // Show/hide type-specific sections this.populateOpenApiSummary(); this.populateSqlSummary(); + this.populateCosmosSummary(); + this.populateDocumentSearchSummary(); + this.populateSimpleChatSummary(); + this.populateMsGraphSummary(); this.populateAdvancedSummary(); this.populateChangesSummary(); } getEndpointValue() { // Check different endpoint fields based on plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { return document.getElementById('plugin-endpoint').value.trim(); } else if (isSqlType) { return document.getElementById('sql-connection-string').value.trim(); + } else if (isCosmosType) { + return document.getElementById('cosmos-endpoint').value.trim(); + } else if (isDocumentSearchType) { + return INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + } else if (isMsGraphType) { + return MSGRAPH_DEFAULT_ENDPOINT; } else { return document.getElementById('plugin-endpoint-generic').value.trim(); } @@ -1965,12 +2696,11 @@ export class PluginModalStepper { getAuthTypeValue() { // Check different auth fields based on plugin type - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { const authType = document.getElementById('plugin-auth-type').value; @@ -1978,6 +2708,13 @@ export class PluginModalStepper { } else if (isSqlType) { const authType = document.getElementById('sql-auth-type').value; return this.formatAuthType(authType); + } else if (isCosmosType) { + const authType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + return authType === 'key' ? 'Account Key' : 'Managed Identity'; + } else if (isDocumentSearchType) { + return 'Internal user context'; + } else if (isMsGraphType) { + return 'User'; } else { const authType = document.getElementById('plugin-auth-type-generic').value; return this.formatAuthType(authType); @@ -1998,6 +2735,9 @@ export class PluginModalStepper { 'user': 'User', 'servicePrincipal': 'Service Principal', 'connection_string': 'Connection String', + 'connection_string_only': 'Connection String Only', + 'managed_identity': 'Managed Identity', + 'integrated': 'Integrated Authentication', 'basic': 'Basic', 'NoAuth': 'No Authentication' }; @@ -2051,11 +2791,7 @@ export class PluginModalStepper { } populateSqlSummary() { - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isSqlType = this.isSqlType(); const sqlSection = document.getElementById('summary-sql-section'); if (isSqlType) { @@ -2076,6 +2812,111 @@ export class PluginModalStepper { } } + populateCosmosSummary() { + const cosmosSection = document.getElementById('summary-cosmos-section'); + if (!cosmosSection) { + return; + } + + if (this.isCosmosType()) { + const fieldHints = this.getCosmosFieldHints(); + document.getElementById('summary-cosmos-auth-type').textContent = this.getAuthTypeValue() || '-'; + document.getElementById('summary-cosmos-database-name').textContent = document.getElementById('cosmos-database-name').value.trim() || '-'; + document.getElementById('summary-cosmos-container-name').textContent = document.getElementById('cosmos-container-name').value.trim() || '-'; + document.getElementById('summary-cosmos-partition-key-path').textContent = document.getElementById('cosmos-partition-key-path').value.trim() || '-'; + document.getElementById('summary-cosmos-max-items').textContent = document.getElementById('cosmos-max-items').value.trim() || '-'; + + const timeoutValue = document.getElementById('cosmos-timeout').value.trim(); + document.getElementById('summary-cosmos-timeout').textContent = timeoutValue ? `${timeoutValue} seconds` : '-'; + document.getElementById('summary-cosmos-field-hints').textContent = fieldHints.length ? fieldHints.join(', ') : 'None configured'; + cosmosSection.style.display = ''; + } else { + cosmosSection.style.display = 'none'; + } + } + + populateDocumentSearchSummary() { + const searchSection = document.getElementById('summary-document-search-section'); + if (!searchSection) { + return; + } + + if (!this.isDocumentSearchType()) { + searchSection.style.display = 'none'; + return; + } + + const config = this.getDocumentSearchAdditionalFields(); + document.getElementById('summary-search-scope').textContent = this.formatDocumentScope(config.default_doc_scope); + document.getElementById('summary-search-top-n').textContent = String(config.default_top_n || 12); + document.getElementById('summary-search-chunk-behavior').textContent = 'Returns all chunks by default'; + document.getElementById('summary-search-windowing').textContent = this.formatDocumentSearchWindowing(config); + document.getElementById('summary-search-window-target-length').textContent = config.default_window_target_length || '2 pages'; + document.getElementById('summary-search-final-target-length').textContent = config.default_final_target_length || '2 pages'; + document.getElementById('summary-search-focus-instructions').textContent = config.default_focus_instructions || 'Uses caller-provided focus instructions'; + searchSection.style.display = ''; + } + + populateSimpleChatSummary() { + const simpleChatSection = document.getElementById('summary-simplechat-section'); + const enabledList = document.getElementById('summary-simplechat-enabled-list'); + const disabledList = document.getElementById('summary-simplechat-disabled-list'); + if (!simpleChatSection || !enabledList || !disabledList) { + return; + } + + if (!this.isSimpleChatType()) { + simpleChatSection.style.display = 'none'; + return; + } + + const capabilities = this.getSelectedSimpleChatCapabilities(); + const enabledLabels = []; + const disabledLabels = []; + + SIMPLECHAT_CAPABILITY_DEFINITIONS.forEach(definition => { + if (capabilities[definition.key]) { + enabledLabels.push(definition.label); + } else { + disabledLabels.push(definition.label); + } + }); + + enabledList.textContent = enabledLabels.length ? enabledLabels.join(', ') : 'None'; + disabledList.textContent = disabledLabels.length ? disabledLabels.join(', ') : 'None'; + simpleChatSection.style.display = ''; + } + + populateMsGraphSummary() { + const msGraphSection = document.getElementById('summary-msgraph-section'); + const enabledList = document.getElementById('summary-msgraph-enabled-list'); + const disabledList = document.getElementById('summary-msgraph-disabled-list'); + if (!msGraphSection || !enabledList || !disabledList) { + return; + } + + if (!this.isMsGraphType()) { + msGraphSection.style.display = 'none'; + return; + } + + const capabilities = this.getSelectedMsGraphCapabilities(); + const enabledLabels = []; + const disabledLabels = []; + + MSGRAPH_CAPABILITY_DEFINITIONS.forEach(definition => { + if (capabilities[definition.key]) { + enabledLabels.push(definition.label); + } else { + disabledLabels.push(definition.label); + } + }); + + enabledList.textContent = enabledLabels.length ? enabledLabels.join(', ') : 'None'; + disabledList.textContent = disabledLabels.length ? disabledLabels.join(', ') : 'None'; + msGraphSection.style.display = ''; + } + populateSqlOptionalSetting(inputId, summaryId, rowId) { const input = document.getElementById(inputId); const summaryElement = document.getElementById(summaryId); @@ -2119,25 +2960,35 @@ export class PluginModalStepper { // Get endpoint from the appropriate field based on plugin type let currentEndpoint = ''; - const isOpenApiType = this.selectedType && this.selectedType.toLowerCase().includes('openapi'); - const isSqlType = this.selectedType && ( - this.selectedType.toLowerCase().includes('sql') || - this.selectedType.toLowerCase() === 'sql_schema' || - this.selectedType.toLowerCase() === 'sql_query' - ); + const isOpenApiType = this.isOpenApiType(); + const isSqlType = this.isSqlType(); + const isCosmosType = this.isCosmosType(); + const isDocumentSearchType = this.isDocumentSearchType(); + const isSimpleChatType = this.isSimpleChatType(); + const isMsGraphType = this.isMsGraphType(); if (isOpenApiType) { currentEndpoint = document.getElementById('plugin-endpoint')?.value || ''; } else if (isSqlType) { currentEndpoint = document.getElementById('sql-connection-string')?.value || ''; + } else if (isCosmosType) { + currentEndpoint = document.getElementById('cosmos-endpoint')?.value || ''; + } else if (isDocumentSearchType) { + currentEndpoint = INTERNAL_DOCUMENT_SEARCH_ENDPOINT; + } else if (isSimpleChatType) { + currentEndpoint = ''; + } else if (isMsGraphType) { + currentEndpoint = MSGRAPH_DEFAULT_ENDPOINT; } else { currentEndpoint = document.getElementById('plugin-endpoint-generic')?.value || ''; } // Get authentication information let currentAuthKey = ''; + let currentAuthType = ''; if (isOpenApiType) { const authType = document.getElementById('plugin-auth-type')?.value || 'none'; + currentAuthType = authType; if (authType === 'api_key') { currentAuthKey = document.getElementById('plugin-auth-api-key-value')?.value || ''; } else if (authType === 'bearer') { @@ -2149,13 +3000,46 @@ export class PluginModalStepper { } else if (authType === 'oauth2') { currentAuthKey = document.getElementById('plugin-auth-oauth2-token')?.value || ''; } + } else if (isCosmosType) { + currentAuthType = document.getElementById('cosmos-auth-type')?.value || 'identity'; + if (currentAuthType === 'key') { + currentAuthKey = document.getElementById('cosmos-auth-key')?.value || ''; + } + } else if (isDocumentSearchType) { + currentAuthType = 'NoAuth'; + } else if (isSimpleChatType) { + currentAuthType = 'user'; + } else if (isMsGraphType) { + currentAuthType = 'user'; } else { + currentAuthType = document.getElementById('plugin-auth-type-generic')?.value || ''; currentAuthKey = document.getElementById('plugin-auth-key')?.value || ''; } // Get metadata and additional fields const currentMetadata = document.getElementById('plugin-metadata')?.value || '{}'; - const currentAdditionalFields = document.getElementById('plugin-additional-fields')?.value || '{}'; + let currentAdditionalFields = document.getElementById('plugin-additional-fields')?.value || '{}'; + + if (isCosmosType) { + currentAdditionalFields = JSON.stringify({ + database_name: document.getElementById('cosmos-database-name')?.value?.trim() || '', + container_name: document.getElementById('cosmos-container-name')?.value?.trim() || '', + partition_key_path: document.getElementById('cosmos-partition-key-path')?.value?.trim() || '', + field_hints: this.getCosmosFieldHints(), + max_items: parseInt(document.getElementById('cosmos-max-items')?.value, 10) || 100, + timeout: parseInt(document.getElementById('cosmos-timeout')?.value, 10) || 30 + }, null, 2); + } else if (isDocumentSearchType) { + currentAdditionalFields = JSON.stringify(this.getDocumentSearchAdditionalFields(), null, 2); + } else if (isSimpleChatType) { + currentAdditionalFields = JSON.stringify({ + simplechat_capabilities: this.getSelectedSimpleChatCapabilities() + }, null, 2); + } else if (isMsGraphType) { + currentAdditionalFields = JSON.stringify({ + msgraph_capabilities: this.getSelectedMsGraphCapabilities() + }, null, 2); + } // Compare basic fields if (currentDisplayName !== (this.originalPlugin.displayName || '')) { @@ -2194,6 +3078,14 @@ export class PluginModalStepper { after: currentAuthKey ? '***' + currentAuthKey.slice(-4) : '(empty)' }; } + + const originalAuthType = (this.originalPlugin.auth && this.originalPlugin.auth.type) || ''; + if (currentAuthType !== originalAuthType) { + changes.authType = { + before: originalAuthType || '(empty)', + after: currentAuthType || '(empty)' + }; + } // Compare metadata try { @@ -2232,7 +3124,7 @@ export class PluginModalStepper { populateAdvancedSummary() { const advancedSection = document.getElementById('summary-advanced-section'); - const isSqlType = this.selectedType === 'sql_query' || this.selectedType === 'sql_schema'; + const isStructuredConfigType = this.isStructuredConfigType(); // Check if there's any metadata or additional fields const metadata = document.getElementById('plugin-metadata').value.trim(); @@ -2250,9 +3142,9 @@ export class PluginModalStepper { hasMetadata = metadata.length > 0 && metadata !== '{}'; } - // For SQL types, additional fields are already shown in the SQL Database Configuration + // For SQL and Cosmos types, additional fields are already shown in dedicated configuration // summary section, so skip showing them again in Advanced to avoid redundancy - if (!isSqlType) { + if (!isStructuredConfigType) { // DRY: Use private helper to collect additional fields let additionalFieldsObj = this.collectAdditionalFields(); hasAdditionalFields = Object.keys(additionalFieldsObj).length > 0; @@ -2272,7 +3164,7 @@ export class PluginModalStepper { additionalFieldsPreview.style.display = 'none'; } } else { - // Hide additional fields for SQL types + // Hide additional fields for structured config types const additionalFieldsPreview = document.getElementById('summary-additional-fields-preview'); if (additionalFieldsPreview) additionalFieldsPreview.style.display = 'none'; hasAdditionalFields = false; @@ -2431,6 +3323,32 @@ export class PluginModalStepper { safeSetValue('sql-password'); safeSetValue('sql-auth-type', 'username_password'); safeSetValue('sql-database-type', 'sql_server'); + + // Step 3 fields - Cosmos Plugin + safeSetValue('cosmos-endpoint'); + safeSetValue('cosmos-database-name'); + safeSetValue('cosmos-container-name'); + safeSetValue('cosmos-partition-key-path'); + safeSetValue('cosmos-field-hints'); + safeSetValue('cosmos-max-items', '100'); + safeSetValue('cosmos-timeout', '30'); + safeSetValue('cosmos-auth-type', 'identity'); + safeSetValue('cosmos-auth-key'); + + // Step 3 fields - Document Search Plugin + safeSetValue('document-search-scope', 'all'); + safeSetValue('document-search-top-n', '12'); + safeSetValue('document-search-window-unit', 'pages'); + safeSetValue('document-search-window-size'); + safeSetValue('document-search-window-percent'); + safeSetValue('document-search-focus-instructions'); + safeSetValue('document-search-window-target-length', '2 pages'); + safeSetValue('document-search-final-target-length', '2 pages'); + + this.simpleChatCapabilityState = this.getDefaultSimpleChatCapabilities(); + this.renderSimpleChatConfiguration(); + this.msGraphCapabilityState = this.getDefaultMsGraphCapabilities(); + this.renderMsGraphConfiguration(); // Clear any type selection this.selectedType = null; @@ -2441,6 +3359,7 @@ export class PluginModalStepper { this.toggleOpenApiAuthFields(); this.toggleGenericAuthFields(); this.handleSqlAuthTypeChange(); + this.handleCosmosAuthTypeChange(); } catch (e) { console.log('Some auth field toggles not available:', e.message); } diff --git a/application/single_app/static/js/workflow/workflow-activity.js b/application/single_app/static/js/workflow/workflow-activity.js new file mode 100644 index 000000000..8826bfbad --- /dev/null +++ b/application/single_app/static/js/workflow/workflow-activity.js @@ -0,0 +1,523 @@ +// workflow-activity.js + +const pageState = { + snapshot: null, + selectedActivityId: "", + eventSource: null, +}; + +const titleEl = document.getElementById("workflow-activity-title"); +const statusEl = document.getElementById("workflow-activity-status"); +const captionEl = document.getElementById("workflow-activity-caption"); +const conversationLinkEl = document.getElementById("workflow-activity-conversation-link"); +const refreshBtn = document.getElementById("workflow-activity-refresh-btn"); +const responseEl = document.getElementById("workflow-activity-response"); +const emptyEl = document.getElementById("workflow-activity-empty"); +const timelineEl = document.getElementById("workflow-activity-timeline"); +const detailTitleEl = document.getElementById("workflow-activity-detail-title"); +const detailMetaEl = document.getElementById("workflow-activity-detail-meta"); +const detailSummaryEl = document.getElementById("workflow-activity-detail-summary"); +const detailTextEl = document.getElementById("workflow-activity-detail-text"); +const eventHistoryEl = document.getElementById("workflow-activity-event-history"); +const statRunEl = document.getElementById("workflow-activity-stat-run"); +const statTotalEl = document.getElementById("workflow-activity-stat-total"); +const statToolsEl = document.getElementById("workflow-activity-stat-tools"); +const statStartedEl = document.getElementById("workflow-activity-stat-started"); + +function normalizeText(value) { + return String(value || "").trim(); +} + +function escapeHtml(value) { + return String(value || "") + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """) + .replace(/'/g, "'"); +} + +function formatDateTime(value) { + if (!value) { + return "--"; + } + + const date = new Date(value); + if (Number.isNaN(date.getTime())) { + return value; + } + + return new Intl.DateTimeFormat(undefined, { + dateStyle: "medium", + timeStyle: "short", + }).format(date); +} + +function formatDuration(value) { + const numericValue = Number(value || 0); + if (!Number.isFinite(numericValue) || numericValue <= 0) { + return ""; + } + + if (numericValue < 1000) { + return `${Math.round(numericValue)} ms`; + } + + const seconds = numericValue / 1000; + if (seconds < 60) { + return `${seconds.toFixed(seconds >= 10 ? 0 : 1)} s`; + } + + const minutes = Math.floor(seconds / 60); + const remainingSeconds = Math.round(seconds % 60); + return `${minutes}m ${remainingSeconds}s`; +} + +function getQueryParam(name) { + const params = new URLSearchParams(window.location.search); + return normalizeText(params.get(name)); +} + +function buildApiUrl(path) { + const url = new URL(path, window.location.origin); + const conversationId = getQueryParam("conversationId"); + const workflowId = getQueryParam("workflowId"); + const runId = getQueryParam("runId"); + + if (conversationId) { + url.searchParams.set("conversation_id", conversationId); + } + if (workflowId) { + url.searchParams.set("workflow_id", workflowId); + } + if (runId) { + url.searchParams.set("run_id", runId); + } + + return url.toString(); +} + +function buildConversationUrl(conversationId) { + const normalizedConversationId = normalizeText(conversationId); + if (!normalizedConversationId) { + return ""; + } + + return `/chats?conversationId=${encodeURIComponent(normalizedConversationId)}`; +} + +function buildStatusBadge(status) { + const normalizedStatus = normalizeText(status).toLowerCase() || "idle"; + const label = normalizedStatus === "running" + ? "Running" + : normalizedStatus === "failed" + ? "Failed" + : normalizedStatus === "completed" + ? "Completed" + : normalizedStatus; + const className = normalizedStatus === "running" + ? "text-bg-primary" + : normalizedStatus === "failed" + ? "text-bg-danger" + : normalizedStatus === "completed" + ? "text-bg-success" + : "text-bg-secondary"; + return `${escapeHtml(label)}`; +} + +function applyStatusBadge(element, status) { + if (!element) { + return; + } + + const normalizedStatus = normalizeText(status).toLowerCase() || "idle"; + const className = normalizedStatus === "running" + ? "text-bg-primary" + : normalizedStatus === "failed" + ? "text-bg-danger" + : normalizedStatus === "completed" + ? "text-bg-success" + : "text-bg-secondary"; + const label = normalizedStatus === "running" + ? "Running" + : normalizedStatus === "failed" + ? "Failed" + : normalizedStatus === "completed" + ? "Completed" + : normalizedStatus; + + element.className = `badge ${className}`; + element.textContent = label; +} + +function updateResponseBlock(run) { + const errorText = normalizeText(run?.error); + const previewText = normalizeText(run?.response_preview); + if (!responseEl) { + return; + } + + if (!errorText && !previewText) { + responseEl.classList.add("d-none"); + responseEl.innerHTML = ""; + return; + } + + const heading = errorText ? "Run Error" : "Response Preview"; + responseEl.innerHTML = ` +
${escapeHtml(heading)}
+ ${escapeHtml(errorText || previewText)}
+ `; + responseEl.classList.remove("d-none"); +} + +function renderHeader(snapshot) { + const workflow = snapshot.workflow || {}; + const conversation = snapshot.conversation || {}; + const run = snapshot.run || null; + const workflowName = normalizeText(workflow.name) || normalizeText(conversation.title) || "Workflow activity"; + const runStatus = normalizeText(run?.status).toLowerCase(); + const runCaption = run + ? `${normalizeText(run.trigger_source) || "manual"} run ${runStatus || "captured"}` + : "Waiting for a captured workflow run."; + + if (titleEl) { + titleEl.textContent = workflowName; + } + if (statusEl) { + applyStatusBadge(statusEl, runStatus || "idle"); + } + if (captionEl) { + const modelOrAgent = normalizeText(run?.agent_display_name || run?.agent_name || run?.model_deployment_name); + captionEl.textContent = modelOrAgent ? `${runCaption} using ${modelOrAgent}.` : `${runCaption}.`; + } + + const conversationUrl = buildConversationUrl(conversation.id || run?.conversation_id); + if (conversationLinkEl) { + conversationLinkEl.classList.toggle("d-none", !conversationUrl); + conversationLinkEl.href = conversationUrl || "#"; + } + + if (statRunEl) { + statRunEl.textContent = run ? normalizeText(run.id).slice(0, 8) || "Captured" : "Pending"; + } + if (statTotalEl) { + statTotalEl.textContent = String(Array.isArray(snapshot.activities) ? snapshot.activities.length : 0); + } + if (statToolsEl) { + const toolCount = Array.isArray(snapshot.activities) + ? snapshot.activities.filter(activity => normalizeText(activity.kind) === "tool_invocation").length + : 0; + statToolsEl.textContent = String(toolCount); + } + if (statStartedEl) { + statStartedEl.textContent = formatDateTime(run?.started_at); + } + + updateResponseBlock(run); +} + +function buildActivityMeta(activity) { + const parts = []; + if (normalizeText(activity.lane_label)) { + parts.push(`${escapeHtml(activity.lane_label)}`); + } + if (normalizeText(activity.started_at)) { + parts.push(`${escapeHtml(formatDateTime(activity.started_at))}`); + } + const durationLabel = formatDuration(activity.duration_ms); + if (durationLabel) { + parts.push(`${escapeHtml(durationLabel)}`); + } + return parts.join(""); +} + +function renderTimeline(snapshot) { + const activities = Array.isArray(snapshot.activities) ? snapshot.activities : []; + if (!timelineEl || !emptyEl) { + return; + } + + const showEmptyState = !activities.length; + emptyEl.classList.toggle("d-none", !showEmptyState); + timelineEl.classList.toggle("d-none", showEmptyState); + + if (showEmptyState) { + timelineEl.innerHTML = ""; + return; + } + + timelineEl.innerHTML = activities.map(activity => { + const activityId = normalizeText(activity.id); + const selectedClass = pageState.selectedActivityId === activityId ? "is-selected" : ""; + const laneIndex = Number(activity.lane_index || 0); + const summary = normalizeText(activity.summary); + const metaHtml = buildActivityMeta(activity); + return ` +
+
+
+
+ `;
+ }).join("");
+
+ timelineEl.querySelectorAll("[data-activity-id]").forEach(button => {
+ button.addEventListener("click", () => {
+ selectActivity(button.getAttribute("data-activity-id"));
+ });
+ });
+}
+
+function renderDetailMeta(activity) {
+ if (!detailMetaEl) {
+ return;
+ }
+
+ const parts = [];
+ parts.push(buildStatusBadge(activity.status || "completed"));
+ if (normalizeText(activity.lane_label)) {
+ parts.push(`${escapeHtml(activity.lane_label)}`);
+ }
+ if (normalizeText(activity.started_at)) {
+ parts.push(`${escapeHtml(formatDateTime(activity.started_at))}`);
+ }
+ const durationLabel = formatDuration(activity.duration_ms);
+ if (durationLabel) {
+ parts.push(`${escapeHtml(durationLabel)}`);
+ }
+ detailMetaEl.innerHTML = parts.join("");
+}
+
+function renderEventHistory(activity) {
+ if (!eventHistoryEl) {
+ return;
+ }
+
+ const events = Array.isArray(activity.events) ? activity.events : [];
+ if (!events.length) {
+ eventHistoryEl.innerHTML = "No event history is available for this activity.";
+ return;
+ }
+
+ eventHistoryEl.innerHTML = events.map(event => `
+
+
+ `).join("");
+}
+
+function renderSelectedActivity(activity) {
+ if (!activity) {
+ if (detailTitleEl) {
+ detailTitleEl.textContent = "Select an activity";
+ }
+ if (detailSummaryEl) {
+ detailSummaryEl.textContent = "Choose a card on the timeline to inspect the event stream, timing, and captured technical detail.";
+ }
+ if (detailTextEl) {
+ detailTextEl.textContent = "No activity selected.";
+ }
+ if (detailMetaEl) {
+ detailMetaEl.innerHTML = "";
+ }
+ if (eventHistoryEl) {
+ eventHistoryEl.innerHTML = "Select an activity to inspect its event history.";
+ }
+ return;
+ }
+
+ if (detailTitleEl) {
+ detailTitleEl.textContent = normalizeText(activity.title) || "Workflow activity";
+ }
+ if (detailSummaryEl) {
+ detailSummaryEl.textContent = normalizeText(activity.summary) || "No summary available.";
+ }
+ if (detailTextEl) {
+ detailTextEl.textContent = normalizeText(activity.detail) || "No additional technical detail recorded.";
+ }
+ renderDetailMeta(activity);
+ renderEventHistory(activity);
+}
+
+function getSelectedActivity(snapshot) {
+ const activities = Array.isArray(snapshot.activities) ? snapshot.activities : [];
+ if (!activities.length) {
+ return null;
+ }
+
+ const selectedActivity = activities.find(activity => normalizeText(activity.id) === pageState.selectedActivityId);
+ if (selectedActivity) {
+ return selectedActivity;
+ }
+
+ const runningActivity = activities.find(activity => normalizeText(activity.status).toLowerCase() === "running");
+ if (runningActivity) {
+ pageState.selectedActivityId = normalizeText(runningActivity.id);
+ return runningActivity;
+ }
+
+ const fallbackActivity = activities[activities.length - 1];
+ pageState.selectedActivityId = normalizeText(fallbackActivity.id);
+ return fallbackActivity;
+}
+
+function applySnapshot(snapshot) {
+ pageState.snapshot = snapshot || {};
+ renderHeader(pageState.snapshot);
+ renderTimeline(pageState.snapshot);
+ renderSelectedActivity(getSelectedActivity(pageState.snapshot));
+ toggleEventStream();
+}
+
+function selectActivity(activityId) {
+ pageState.selectedActivityId = normalizeText(activityId);
+ if (!pageState.snapshot) {
+ return;
+ }
+
+ renderTimeline(pageState.snapshot);
+ renderSelectedActivity(getSelectedActivity(pageState.snapshot));
+}
+
+async function loadSnapshot() {
+ const response = await fetch(buildApiUrl("/api/user/workflows/activity"), {
+ credentials: "same-origin",
+ });
+ const payload = await response.json().catch(() => ({}));
+ if (!response.ok) {
+ throw new Error(payload.error || "Unable to load workflow activity.");
+ }
+
+ applySnapshot(payload);
+}
+
+function shouldListenForUpdates(snapshot) {
+ const hasConversationId = Boolean(getQueryParam("conversationId"));
+ const hasExplicitRunId = Boolean(getQueryParam("runId"));
+ if (!hasConversationId || hasExplicitRunId || typeof EventSource === "undefined") {
+ return false;
+ }
+
+ const run = snapshot?.run || null;
+ return !run || normalizeText(run.status).toLowerCase() === "running";
+}
+
+function stopEventStream() {
+ if (pageState.eventSource) {
+ pageState.eventSource.close();
+ pageState.eventSource = null;
+ }
+}
+
+function startEventStream() {
+ if (pageState.eventSource || !shouldListenForUpdates(pageState.snapshot)) {
+ return;
+ }
+
+ const eventSource = new EventSource(buildApiUrl("/api/user/workflows/activity/stream"));
+ eventSource.onmessage = event => {
+ if (!event?.data) {
+ return;
+ }
+
+ try {
+ const payload = JSON.parse(event.data);
+ applySnapshot(payload);
+ } catch (error) {
+ console.warn("Failed to parse workflow activity event", error);
+ }
+ };
+ eventSource.onerror = () => {
+ const runStatus = normalizeText(pageState.snapshot?.run?.status).toLowerCase();
+ if (runStatus && runStatus !== "running") {
+ stopEventStream();
+ }
+ };
+
+ pageState.eventSource = eventSource;
+}
+
+function toggleEventStream() {
+ if (shouldListenForUpdates(pageState.snapshot)) {
+ startEventStream();
+ } else {
+ stopEventStream();
+ }
+}
+
+async function initializePage() {
+ const hasAnyIdentifier = Boolean(getQueryParam("conversationId") || getQueryParam("workflowId") || getQueryParam("runId"));
+ if (!hasAnyIdentifier) {
+ applySnapshot({
+ workflow: null,
+ conversation: null,
+ run: null,
+ activities: [],
+ lane_count: 1,
+ live: false,
+ });
+ if (captionEl) {
+ captionEl.textContent = "Open this page from a workflow conversation or a workflow run history entry.";
+ }
+ return;
+ }
+
+ try {
+ await loadSnapshot();
+ } catch (error) {
+ console.error("Failed to load workflow activity", error);
+ applySnapshot({
+ workflow: null,
+ conversation: null,
+ run: null,
+ activities: [],
+ lane_count: 1,
+ live: false,
+ });
+ if (titleEl) {
+ titleEl.textContent = "Workflow activity unavailable";
+ }
+ if (statusEl) {
+ applyStatusBadge(statusEl, "failed");
+ }
+ if (captionEl) {
+ captionEl.textContent = error.message || "Unable to load workflow activity.";
+ }
+ }
+}
+
+if (refreshBtn) {
+ refreshBtn.addEventListener("click", () => {
+ initializePage().catch(error => {
+ console.warn("Workflow activity refresh failed", error);
+ });
+ });
+}
+
+window.addEventListener("beforeunload", () => {
+ stopEventStream();
+});
+
+window.addEventListener("DOMContentLoaded", () => {
+ initializePage().catch(error => {
+ console.warn("Workflow activity initialization failed", error);
+ });
+});
diff --git a/application/single_app/static/js/workspace/view-utils.js b/application/single_app/static/js/workspace/view-utils.js
index 216a8ffe0..6fb6003bf 100644
--- a/application/single_app/static/js/workspace/view-utils.js
+++ b/application/single_app/static/js/workspace/view-utils.js
@@ -52,6 +52,8 @@ export function getTypeIcon(type) {
if (!type) return "bi-lightning-charge";
const t = type.toLowerCase();
if (t.includes("sql")) return "bi-database";
+ if (t.includes("cosmos")) return "bi-database-fill-gear";
+ if (t.includes("simplechat")) return "bi-chat-square-dots";
if (t.includes("openapi")) return "bi-globe";
if (t.includes("log_analytics")) return "bi-graph-up";
if (t.includes("msgraph")) return "bi-microsoft";
diff --git a/application/single_app/static/js/workspace/workspace-init.js b/application/single_app/static/js/workspace/workspace-init.js
index da541dc3c..1059ed752 100644
--- a/application/single_app/static/js/workspace/workspace-init.js
+++ b/application/single_app/static/js/workspace/workspace-init.js
@@ -65,6 +65,13 @@ document.addEventListener('DOMContentLoaded', () => {
} else {
console.error("fetchUserPrompts function not found.");
}
+ } else if (targetId === '#workflows-tab') {
+ console.log("Loading workflows tab data...");
+ if (typeof window.fetchUserWorkflows === 'function') {
+ window.fetchUserWorkflows();
+ } else {
+ console.error("fetchUserWorkflows function not found.");
+ }
}
}
diff --git a/application/single_app/static/js/workspace/workspace_workflows.js b/application/single_app/static/js/workspace/workspace_workflows.js
new file mode 100644
index 000000000..520937f62
--- /dev/null
+++ b/application/single_app/static/js/workspace/workspace_workflows.js
@@ -0,0 +1,1105 @@
+// workspace_workflows.js
+
+import { showToast } from "../chat/chat-toast.js";
+import { escapeHtml, truncateDescription } from "./view-utils.js";
+
+const workflowsTableBody = document.getElementById("workflows-table-body");
+const workflowsSearchInput = document.getElementById("workflows-search");
+const workflowsSummary = document.getElementById("workflows-summary");
+const createWorkflowBtn = document.getElementById("create-workflow-btn");
+
+const workflowModalEl = document.getElementById("workflowModal");
+const workflowModal = workflowModalEl && window.bootstrap ? bootstrap.Modal.getOrCreateInstance(workflowModalEl) : null;
+const workflowForm = document.getElementById("workflow-form");
+const workflowModalLabel = document.getElementById("workflowModalLabel");
+const workflowSaveBtn = document.getElementById("workflow-save-btn");
+
+const workflowIdInput = document.getElementById("workflow-id");
+const workflowNameInput = document.getElementById("workflow-name");
+const workflowDescriptionInput = document.getElementById("workflow-description");
+const workflowTaskPromptInput = document.getElementById("workflow-task-prompt");
+const workflowRunnerTypeSelect = document.getElementById("workflow-runner-type");
+const workflowAgentFields = document.getElementById("workflow-agent-fields");
+const workflowAgentSelect = document.getElementById("workflow-agent-select");
+const workflowAgentHelp = document.getElementById("workflow-agent-help");
+const workflowModelFields = document.getElementById("workflow-model-fields");
+const workflowModelSourceSelect = document.getElementById("workflow-model-source");
+const workflowModelEndpointGroup = document.getElementById("workflow-model-endpoint-group");
+const workflowModelEndpointSelect = document.getElementById("workflow-model-endpoint-select");
+const workflowModelGroup = document.getElementById("workflow-model-group");
+const workflowModelSelect = document.getElementById("workflow-model-select");
+const workflowModelHelp = document.getElementById("workflow-model-help");
+const workflowTriggerTypeSelect = document.getElementById("workflow-trigger-type");
+const workflowScheduleValueGroup = document.getElementById("workflow-schedule-value-group");
+const workflowScheduleUnitGroup = document.getElementById("workflow-schedule-unit-group");
+const workflowScheduleValueInput = document.getElementById("workflow-schedule-value");
+const workflowScheduleUnitSelect = document.getElementById("workflow-schedule-unit");
+const workflowEnabledGroup = document.getElementById("workflow-enabled-group");
+const workflowEnabledToggle = document.getElementById("workflow-enabled");
+const workflowTriggerHelp = document.getElementById("workflow-trigger-help");
+const workflowAlertPrioritySelect = document.getElementById("workflow-alert-priority");
+
+const workflowHistoryModalEl = document.getElementById("workflowHistoryModal");
+const workflowHistoryModal = workflowHistoryModalEl && window.bootstrap ? bootstrap.Modal.getOrCreateInstance(workflowHistoryModalEl) : null;
+const workflowHistoryModalLabel = document.getElementById("workflowHistoryModalLabel");
+const workflowHistoryBody = document.getElementById("workflow-history-body");
+const workflowHistoryConversationId = document.getElementById("workflow-history-conversation-id");
+const workflowHistoryConversationLink = document.getElementById("workflow-history-open-conversation-link");
+
+const workflowDeleteModalEl = document.getElementById("workflowDeleteModal");
+const workflowDeleteModal = workflowDeleteModalEl && window.bootstrap ? bootstrap.Modal.getOrCreateInstance(workflowDeleteModalEl) : null;
+const workflowDeleteName = document.getElementById("workflow-delete-name");
+const workflowDeleteConfirmBtn = document.getElementById("workflow-delete-confirm-btn");
+
+let workflows = [];
+let agentOptions = [];
+let agentsLoaded = false;
+let workflowPendingDelete = null;
+let currentHistoryWorkflowId = "";
+let currentEditingWorkflow = null;
+
+function normalizeText(value) {
+ return String(value || "").trim();
+}
+
+function setElementVisibility(element, isVisible) {
+ if (!element) {
+ return;
+ }
+ element.classList.toggle("d-none", !isVisible);
+}
+
+function formatDateTime(value) {
+ if (!value) {
+ return "";
+ }
+
+ const date = new Date(value);
+ if (Number.isNaN(date.getTime())) {
+ return value;
+ }
+
+ return new Intl.DateTimeFormat(undefined, {
+ dateStyle: "medium",
+ timeStyle: "short",
+ }).format(date);
+}
+
+function buildWorkflowConversationUrl(conversationId) {
+ const normalizedConversationId = normalizeText(conversationId);
+ if (!normalizedConversationId) {
+ return "";
+ }
+
+ return `/chats?conversationId=${encodeURIComponent(normalizedConversationId)}`;
+}
+
+function buildWorkflowActivityUrl(conversationId, runId = "", workflowId = "") {
+ const normalizedConversationId = normalizeText(conversationId);
+ if (!normalizedConversationId) {
+ return "";
+ }
+
+ const url = new URL("/workflow-activity", window.location.origin);
+ url.searchParams.set("conversationId", normalizedConversationId);
+
+ const normalizedRunId = normalizeText(runId);
+ if (normalizedRunId) {
+ url.searchParams.set("runId", normalizedRunId);
+ }
+
+ const normalizedWorkflowId = normalizeText(workflowId);
+ if (normalizedWorkflowId) {
+ url.searchParams.set("workflowId", normalizedWorkflowId);
+ }
+
+ return url.toString();
+}
+
+function updateWorkflowConversationLink(element, conversationId) {
+ if (!element) {
+ return;
+ }
+
+ const conversationUrl = buildWorkflowConversationUrl(conversationId);
+ element.classList.toggle("d-none", !conversationUrl);
+ element.href = conversationUrl || "#";
+}
+
+function buildStatusBadge(status) {
+ const normalizedStatus = normalizeText(status).toLowerCase() || "idle";
+ const variant = normalizedStatus === "completed"
+ ? "success"
+ : normalizedStatus === "failed"
+ ? "danger"
+ : normalizedStatus === "running"
+ ? "primary"
+ : "secondary";
+ const label = normalizedStatus.charAt(0).toUpperCase() + normalizedStatus.slice(1);
+ return `${escapeHtml(label)}`;
+}
+
+function getWorkflowRunnerLabel(workflow) {
+ if (!workflow || typeof workflow !== "object") {
+ return "";
+ }
+
+ if (workflow.runner_type === "agent") {
+ const selectedAgent = workflow.selected_agent && typeof workflow.selected_agent === "object"
+ ? workflow.selected_agent
+ : {};
+ const label = normalizeText(selectedAgent.display_name || selectedAgent.name) || "Selected agent";
+ return selectedAgent.is_global ? `${label} (Global Agent)` : `${label} (Personal Agent)`;
+ }
+
+ const modelBindingSummary = workflow.model_binding_summary && typeof workflow.model_binding_summary === "object"
+ ? workflow.model_binding_summary
+ : {};
+ return normalizeText(modelBindingSummary.label) || "Default app model";
+}
+
+function getWorkflowTriggerLabel(workflow) {
+ if (!workflow || typeof workflow !== "object") {
+ return "Manual";
+ }
+
+ if (workflow.trigger_type !== "interval") {
+ return "Manual";
+ }
+
+ const schedule = workflow.schedule && typeof workflow.schedule === "object" ? workflow.schedule : {};
+ const value = Number(schedule.value || 0);
+ const unit = normalizeText(schedule.unit) || "minutes";
+ return `Every ${value} ${unit}`;
+}
+
+function getWorkflowAlertLabel(workflow) {
+ const priority = normalizeText(workflow?.alert_priority).toLowerCase();
+ if (!priority || priority === "none") {
+ return "Off";
+ }
+
+ return `${priority.charAt(0).toUpperCase()}${priority.slice(1)} priority`;
+}
+
+function buildWorkflowSearchText(workflow) {
+ return [
+ workflow.name,
+ workflow.description,
+ workflow.task_prompt,
+ getWorkflowRunnerLabel(workflow),
+ getWorkflowTriggerLabel(workflow),
+ getWorkflowAlertLabel(workflow),
+ ].map((value) => normalizeText(value).toLowerCase()).join(" ");
+}
+
+function getCustomEndpointOptions() {
+ const endpointGroups = [
+ {
+ endpoints: Array.isArray(window.globalModelEndpoints) ? window.globalModelEndpoints : [],
+ scope: "global",
+ scopeLabel: "Global",
+ },
+ {
+ endpoints: Array.isArray(window.workspaceModelEndpoints) ? window.workspaceModelEndpoints : [],
+ scope: "user",
+ scopeLabel: "Workspace",
+ },
+ ];
+
+ const options = [];
+
+ endpointGroups.forEach((group) => {
+ group.endpoints.forEach((endpoint) => {
+ if (!endpoint || endpoint.enabled === false) {
+ return;
+ }
+
+ const enabledModels = Array.isArray(endpoint.models)
+ ? endpoint.models.filter((model) => model && model.enabled !== false)
+ : [];
+
+ if (!enabledModels.length) {
+ return;
+ }
+
+ options.push({
+ ...endpoint,
+ models: enabledModels,
+ scope: group.scope,
+ scopeLabel: group.scopeLabel,
+ });
+ });
+ });
+
+ return options;
+}
+
+function getEndpointDisplayName(endpoint) {
+ const endpointName = normalizeText(endpoint?.name) || "Unnamed Endpoint";
+ const scopeLabel = normalizeText(endpoint?.scopeLabel) || "Global";
+ return `${scopeLabel}: ${endpointName}`;
+}
+
+function getModelDisplayName(model) {
+ return normalizeText(model?.displayName || model?.deploymentName || model?.modelName || model?.name || model?.id) || "Unnamed Model";
+}
+
+function getAgentOptionKey(agent) {
+ const scope = agent?.is_global ? "global" : "personal";
+ return `${scope}:${normalizeText(agent?.id || agent?.name)}`;
+}
+
+function getSelectedAgentOption() {
+ const selectedKey = normalizeText(workflowAgentSelect?.value);
+ return agentOptions.find((agent) => getAgentOptionKey(agent) === selectedKey) || null;
+}
+
+function getSelectedEndpointOption() {
+ const endpointId = normalizeText(workflowModelEndpointSelect?.value);
+ return getCustomEndpointOptions().find((endpoint) => normalizeText(endpoint.id) === endpointId) || null;
+}
+
+function refreshWorkflowSummary(items) {
+ if (!workflowsSummary) {
+ return;
+ }
+
+ const totalCount = workflows.length;
+ const scheduledCount = workflows.filter((workflow) => workflow.trigger_type === "interval").length;
+ const activeCount = workflows.filter((workflow) => workflow.trigger_type === "interval" && workflow.is_enabled).length;
+ const visibleCount = items.length;
+
+ workflowsSummary.textContent = `${visibleCount} shown of ${totalCount} workflows. ${scheduledCount} scheduled, ${activeCount} active.`;
+}
+
+function renderWorkflowEmptyState(message) {
+ if (!workflowsTableBody) {
+ return;
+ }
+
+ workflowsTableBody.innerHTML = `
+
+
+ ${escapeHtml(normalizeText(event.content) || normalizeText(activity.title) || "Activity event")}
+ ${escapeHtml(formatDateTime(event.timestamp))}
+ ${escapeHtml(normalizeText(event.detail) || "No additional technical detail recorded.")}
+ ${escapeHtml(formatDateTime(workflow.last_run_at))}
`
+ : "";
+ const lastRunPreview = normalizeText(workflow.last_run_response_preview)
+ ? ``
+ : normalizeText(workflow.last_run_error)
+ ? ``
+ : "";
+ const nextRunMeta = workflow.trigger_type === "interval" && workflow.next_run_at
+ ? ``
+ : "";
+ const alertMeta = ``;
+ const conversationMeta = workflow.conversation_id
+ ? ''
+ : "";
+ const disabledMeta = workflow.trigger_type === "interval" && !workflow.is_enabled
+ ? ''
+ : "";
+ const runnerMeta = workflow.runner_type === "agent"
+ ? ''
+ : '';
+ const runDisabled = normalizeText(workflow.status).toLowerCase() === "running";
+
+ return `
+ ${workflowName}
+ ${description ? `` : ""}
+ ${conversationMeta}
+ ${runnerLabel}
+ ${runnerMeta}
+ ${escapeHtml(triggerLabel)}
+ ${alertMeta}
+ ${disabledMeta}
+ ${nextRunMeta}
+ ${lastRunStatus}
+ ${lastRunAt}
+ ${lastRunPreview}
+
+
+
+
+
+
+ Loading...
+ Loading run history...
+ ${escapeHtml(run.error)}
`
+ : normalizeText(run.response_preview)
+ ? `${escapeHtml(run.response_preview)}
`
+ : 'No preview available.
';
+ const conversationLink = conversationUrl
+ ? `
+
+ ${escapeHtml(conversationId)}
+ `
+ : 'Not created yet.
';
+
+ return `
+ ${escapeHtml(formatDateTime(run.started_at) || "-")}
+ ${run.completed_at ? `Completed ${escapeHtml(formatDateTime(run.completed_at))}
` : ""}
+ Loading...
+ Loading workflows...
+ Available Actions
+
+
+
+
+
+ Simple Chat Action Capabilities
+
+
+
+ Enable only the Simple Chat operations this agent should expose. These settings are saved per agent in additional settings.
+ +
+
diff --git a/application/single_app/templates/_plugin_modal.html b/application/single_app/templates/_plugin_modal.html
index 0a5b6f35e..fb83ca2ce 100644
--- a/application/single_app/templates/_plugin_modal.html
+++ b/application/single_app/templates/_plugin_modal.html
@@ -189,6 +189,119 @@
+
+
+ Microsoft Graph Action Capabilities
+
+
+
+ Enable only the Microsoft Graph operations this agent should expose. These settings are saved per agent in additional settings.
+ +API Information
+ +
+
+
+
+ Built-in action: SimpleChat does not require a URL or external credentials.
+ The capabilities below become the default operations exposed by this action. Agents can narrow them further per assignment.
+
+
+
+
+
+ Default SimpleChat Capabilities
+
+
+
+
+
+
+ Built-in action: Microsoft Graph uses the signed-in user's delegated permissions and the standard Graph endpoint.
+ The capabilities below become the default operations exposed by this action. Agents can narrow them further per assignment.
+
+
+
+
+
+ Default Microsoft Graph Capabilities
+
+
+
+
+
+ This action uses SimpleChat's internal document search and the current user's access. No external URL or stored credentials are required.
+
+
+
+
+
+
+
+
+ Search Defaults
+
+
+
+
+
+
+
+ Used when the action is called without an explicit scope filter.
+
+
+
+
+ Maximum number of ranked results returned when a caller does not set
+ top_n.
+
+
+
+
+
+ Windowing Defaults
+
+ Chunk retrieval returns all chunks by default. Configure preferred windowing so downstream tools can plan comparisons and summaries consistently.
+
+
+
+
+
+
+
+
+
+
+ Optional fixed number of pages or chunks per window. Takes precedence over percent.
+
+
+
+
+ Optional percent of the document per window when size is not set.
+
+
+
+
+
+ Summary Defaults
+
+
+
+
+
+ Applied when a summarization call does not include its own focus instructions.
+
+
+
+
+
+
+ Target length for first-pass summaries over each chunk window.
+
+
+
+
+ Target length for the final summary output.
+
@@ -443,6 +556,103 @@
+
+
+ API Information
+
@@ -615,6 +825,163 @@
+ Azure Cosmos DB Configuration
+
+
+
+
+
+
+ Account and Container
+
+
+
+
+
+
+
+ Use the Azure Cosmos DB account endpoint for the API for NoSQL account.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enter the container partition key path exactly as configured in Cosmos DB.
+
+
+
+
+ Authentication
+
+
+
+
+
+
+
+ Managed identity avoids stored secrets. Account keys can be stored in Key Vault when app secret storage is enabled.
+
+
+
+
+
+ If this action already uses a Key Vault-backed key, leave the stored value unchanged to preserve the existing secret.
+
+ Managed Identity uses Azure AD authentication without storing credentials. Assign an Azure Cosmos DB built-in data reader role to the application identity for the target account.
+
+
+
+
+
+ Query Guidance
+
+
+
+
+
+
+
+ Optional. Add one field name per line so the model knows which document properties are relevant.
+
+
+
+
+
+
+ Hard cap for documents returned per query.
+
+
+
+
+ Absolute timeout for Cosmos client requests.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/application/single_app/templates/base.html b/application/single_app/templates/base.html
index 16028a639..c29d41b6e 100644
--- a/application/single_app/templates/base.html
+++ b/application/single_app/templates/base.html
@@ -283,6 +283,333 @@
+ {% if session.get('user') %}
+
+
+ {% endif %}
diff --git a/application/single_app/templates/chats.html b/application/single_app/templates/chats.html
index f47936a83..e91d705b5 100644
--- a/application/single_app/templates/chats.html
+++ b/application/single_app/templates/chats.html
@@ -266,7 +266,11 @@ Conversations
-
@@ -632,9 +636,19 @@
{% endif %}
+
+
{% if app_settings.enable_speech_to_text_input %}
@@ -874,6 +888,77 @@
+
+
+
+
+
+
+
+
@@ -1025,6 +1137,183 @@ Details
+ {% if settings.allow_user_workflows %}
+
+
+
+
+
+ {% endif %}
+
-
+
+
+
+
+
+
+
+
+
@@ -1025,6 +1137,183 @@
+
{% if app_settings.enable_speech_to_text_input %}
@@ -874,6 +888,77 @@