!function (e, t, n) { function a() { var e = t.getElementsByTagName("script")[0], n = t.createElement("script"); n.type = "text/javascript"; n.async = !0; n.src = "https://beacon-v2.helpscout.net"; e.parentNode.insertBefore(n, e); } if (e.Beacon = n = function (t, n, a) { e.Beacon.readyQueue.push({ method: t, options: n, data: a }); }, n.readyQueue = [], "complete" === t.readyState) return a(); e.attachEvent ? e.attachEvent("onload", a) : e.addEventListener("load", a, !1); }(window, document, window.Beacon || function () { }); window.Beacon('init', 'a71883d2-b300-4426-8e61-4846f4b9fe04'); // Add custom support button using simple HTML approach setTimeout(function () { // Check if button already exists if (document.querySelector('.custom-beacon-button')) return; // Create simple HTML link with inline styles var button = document.createElement('div'); button.innerHTML = ''; button.className = 'custom-beacon-button'; // Add responsive styles for mobile var style = document.createElement('style'); style.textContent = ` @media (max-width: 768px) { .custom-beacon-link { bottom: 120px !important; } } `; document.head.appendChild(style); document.body.appendChild(button); console.log('Button added to bottom-left corner with mobile positioning'); }, 1000); // Store conversation history and thread management for API calls let conversationHistory = []; let currentThreadId = null; // Function to parse markdown-like formatting in assistant messages function parseAssistantMessage(text) { console.log('=== PARSING ASSISTANT MESSAGE ==='); console.log('Original text:', text); // Escape HTML to prevent XSS function escapeHtml(unsafe) { return unsafe .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } // First escape the entire text let parsed = escapeHtml(text); console.log('After HTML escape:', parsed); // Handle links BEFORE code blocks so they don't get trapped inside // Handle both standard [text](url) and reversed (text)[url] formats console.log('Before link parsing:', parsed); // Handle standard markdown links [text](url) parsed = parsed.replace(/\[([^\]]+)\]$([^)]+)$/g, function (match, text, url) { console.log('Found standard link:', { match, text, url }); if (url.startsWith('/')) { return `${text}`; } return `${text}`; }); // Handle reversed format (text)[url] - common in AI responses parsed = parsed.replace(/$([^)]+)$\[([^\]]+)\]/g, function (match, text, url) { console.log('Found reversed link:', { match, text, url }); if (url.startsWith('/')) { return `${text}`; } return `${text}`; }); console.log('After link parsing:', parsed); // Handle code blocks ```language\ncode\n``` parsed = parsed.replace(/```(\w+)?\n([\s\S]*?)\n```/g, function (match, lang, code) { const language = lang || 'text'; return `

${language}

${code.trim()}

`; }); // Handle inline code `code` parsed = parsed.replace(/`([^`\n]+)`/g, '$1'); // Handle bold **text** parsed = parsed.replace(/\*\*([^*\n]+)\*\*/g, '$1'); // Handle italic *text* parsed = parsed.replace(/\*([^*\n]+)\*/g, '$1'); // Handle line breaks (convert \n to
but not inside code blocks) parsed = parsed.replace(/\n/g, '
'); console.log('Final parsed result:', parsed); console.log('=== END PARSING ==='); return parsed; } // Function to inject CSS styles for markdown formatting function injectMarkdownStyles() { // Check if styles already injected if (document.getElementById('chat-markdown-styles')) return; const style = document.createElement('style'); style.id = 'chat-markdown-styles'; style.textContent = ` .code-block { background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; margin: 12px 0; overflow: hidden; } .code-header { background: #e9ecef; padding: 8px 12px; font-size: 12px; font-weight: 600; color: #495057; border-bottom: 1px solid #e0e0e0; text-transform: uppercase; } .code-block pre { margin: 0; padding: 16px; overflow-x: auto; background: transparent; } .code-block code { font-family: 'Monaco', 'Menlo', 'Consolas', monospace; font-size: 13px; line-height: 1.4; color: #212529; } .inline-code { background: #f1f3f4; padding: 2px 6px; border-radius: 4px; font-family: 'Monaco', 'Menlo', 'Consolas', monospace; font-size: 0.9em; color: #d63384; } .doc-link { color: #7678ED; text-decoration: none; border-bottom: 1px solid transparent; transition: border-bottom-color 0.2s; } .doc-link:hover { border-bottom-color: #7678ED; } .internal-link::after { content: " →"; opacity: 0.6; } .external-link::after { content: " ↗"; opacity: 0.6; } .bold-text { font-weight: 600; color: #495057; } .italic-text { font-style: italic; color: #6c757d; } `; document.head.appendChild(style); } // Function to add messages to chat history function addMessageToHistory(message, isUser = false) { // Store in conversation history for API calls conversationHistory.push({ id: 'msg-' + Date.now(), role: isUser ? 'user' : 'assistant', content: message, parts: [{ type: 'text', text: message }] }); console.log('Updated conversation history:', conversationHistory.length, 'messages'); const chatMessages = document.getElementById('chat-messages'); if (!chatMessages) return; const messageDiv = document.createElement('div'); messageDiv.style.cssText = ` margin-bottom: 16px; display: flex; justify-content: ${isUser ? 'flex-end' : 'flex-start'}; `; const messageBubble = document.createElement('div'); messageBubble.style.cssText = ` max-width: 80%; padding: 12px 16px; border-radius: ${isUser ? '18px 18px 4px 18px' : '18px 18px 18px 4px'}; background-color: ${isUser ? '#7678ED' : '#f3f4f6'}; color: ${isUser ? 'white' : '#1f2937'}; font-size: 14px; line-height: 1.5; word-wrap: break-word; `; if (isUser) { // User messages - keep as plain text messageBubble.textContent = message; } else { // Assistant messages - parse markdown const parsedMessage = parseAssistantMessage(message); messageBubble.innerHTML = parsedMessage; } messageDiv.appendChild(messageBubble); chatMessages.appendChild(messageDiv); // Scroll to bottom const chatContainer = document.getElementById('chat-history-container'); if (chatContainer) { chatContainer.scrollTop = chatContainer.scrollHeight; } } // Chat initialization function - works on any page function initializeChat() { console.log('=== CHAT INITIALIZATION ATTEMPT ==='); // Look for the chat input const input = document.getElementById('simple-chat-input'); if (!input) { console.log('❌ Chat input not found on this page'); return; } // Check if already initialized if (input.dataset.initialized === 'true') { console.log('✅ Chat already initialized'); return; } console.log('✅ Chat input found! Setting up listeners...'); // Mark as initialized input.dataset.initialized = 'true'; // Inject CSS styles for markdown formatting injectMarkdownStyles(); // Add event listeners input.onclick = function () { console.log('🎯 ONCLICK WORKS!'); }; input.onfocus = function () { console.log('🎯 ONFOCUS WORKS!'); }; input.onkeydown = async function (event) { console.log('🎯 ONKEYDOWN WORKS! Key:', event.key); if (event.key === 'Enter' && this.value.trim()) { console.log('🎯 ENTER KEY DETECTED!'); const userMessage = this.value.trim(); console.log('User message:', userMessage); // Add user message to chat history immediately addMessageToHistory(userMessage, true); // Show chat history container if it's the first message const chatContainer = document.getElementById('chat-history-container'); if (chatContainer && chatContainer.style.display === 'none') { chatContainer.style.display = 'block'; } // Clear input and disable while processing this.value = ''; this.disabled = true; this.placeholder = 'Processing...'; try { console.log('Making API call...'); console.log('Sending conversation history with', conversationHistory.length, 'messages'); // Prepare the request body const requestBody = { fp: 'chat-widget', threadId: currentThreadId, // Use current thread ID messages: conversationHistory, // Send entire conversation history retrievalPageSize: 5, filter: null }; console.log('=== FULL API REQUEST BODY ==='); console.log(JSON.stringify(requestBody, null, 2)); console.log('=== END REQUEST BODY ==='); const response = await fetch('https://api-dsc.mintlify.com/v1/assistant/symbolica/message', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer mint_dsc_3ZG2QKdve1y3jQPaiAwoSCFQ' }, body: JSON.stringify(requestBody) }); console.log('API response status:', response.status); console.log('API response headers:', Object.fromEntries(response.headers.entries())); // Capture threadId from response headers const threadIdFromHeader = response.headers.get('x-thread-id'); if (threadIdFromHeader && !currentThreadId) { currentThreadId = threadIdFromHeader; console.log('📝 Thread ID captured from header:', currentThreadId); } if (response.ok) { console.log('Response is OK, reading stream...'); const reader = response.body.getReader(); const decoder = new TextDecoder(); let assistantResponse = ''; let chunkCount = 0; while (true) { const { done, value } = await reader.read(); if (done) { console.log('Stream finished after', chunkCount, 'chunks'); break; } chunkCount++; const chunk = decoder.decode(value); const lines = chunk.split('\n'); for (const line of lines) { // Debug: Log all lines to understand the stream format if (line.trim()) { console.log('Stream line:', line); } // Handle text content (0: prefix) if (line.startsWith('0:')) { const jsonStr = line.slice(2); try { const text = JSON.parse(jsonStr); assistantResponse += text; } catch (e) { console.log('Text parse error:', e); } } // Handle message metadata (f: prefix) - for debugging if (line.startsWith('f:')) { const jsonStr = line.slice(2); try { const messageData = JSON.parse(jsonStr); console.log('Message metadata:', messageData); } catch (e) { console.log('Message metadata parse error:', e); } } // Handle end/completion metadata (e: prefix) - for debugging if (line.startsWith('e:')) { const jsonStr = line.slice(2); try { const endData = JSON.parse(jsonStr); console.log('End metadata:', endData); } catch (e) { console.log('End metadata parse error:', e); } } // Handle done metadata (d: prefix) - for debugging if (line.startsWith('d:')) { const jsonStr = line.slice(2); try { const doneData = JSON.parse(jsonStr); console.log('Done metadata:', doneData); } catch (e) { console.log('Done metadata parse error:', e); } } } } console.log('Final assistant response:', assistantResponse); // Add assistant response to chat history if (assistantResponse && assistantResponse.trim()) { addMessageToHistory(assistantResponse, false); } else { addMessageToHistory('I received your message but had trouble generating a response. Please try again.', false); } } else { console.error('API Error:', response.status, response.statusText); // Add error message to chat history addMessageToHistory(`Error: Unable to connect to the assistant. Status: ${response.status}`, false); } } catch (error) { console.error('Request failed:', error); // Add error message to chat history addMessageToHistory('Error: Request failed. Please check your connection and try again.', false); } // Re-enable input this.disabled = false; this.placeholder = 'Type your question here...'; this.value = ''; } }; console.log('✅ Chat event handlers attached'); } // Function to handle external redirects function handleExternalRedirects() { // Get the current page path const currentPath = window.location.pathname; // Define redirect mappings const redirects = { '/external/why-agentica': 'https://agentica.symbolica.ai/quickstart/why', '/external/symbolica-home': 'https://symbolica.ai', '/external/agentica-platform': 'https://agentica.symbolica.ai', '/external/careers': 'https://careers.symbolica.ai' }; // Check if current path needs redirect for (const [path, url] of Object.entries(redirects)) { if (currentPath.includes(path)) { console.log('Redirecting to:', url); window.location.href = url; return; // Stop execution after redirect } } } // Initialize chat when DOM is ready function initializePage() { // Handle external redirects first handleExternalRedirects(); // Initialize chat if available initializeChat(); // Initialize tab sync initializeTabSync(); } if (document.readyState === 'complete' || document.readyState === 'interactive') { initializePage(); } else { document.addEventListener('DOMContentLoaded', initializePage); } // For SPA navigation - check periodically setInterval(initializePage, 1000); // ------------------------------ // Global Tabs synchronization // ------------------------------ // Shared state (always use global to avoid hoisting timing issues) window.__tabSyncState = window.__tabSyncState || { initialized: false, isProgrammatic: false, mo: null, suppressInstalled: false, origPushState: null, origReplaceState: null, hashHandler: null, }; function getNormalizedText(el) { if (!el) return ""; return (el.textContent || "").replace(/\s+/g, " ").trim(); } const PYTHON = Symbol("python"); const TYPESCRIPT = Symbol("typescript"); function inferLangFromTitle(title) { var t = (title || "").toLowerCase(); if (!t) return null; if (t.startsWith("python")) return PYTHON; if (t.startsWith("typescript")) return TYPESCRIPT; return null; } // Helpers to persist/restore the language selection while keeping Symbols internally function serializeLang(lang) { if (lang === PYTHON) return 'python'; if (lang === TYPESCRIPT) return 'typescript'; console.error('Unknown language:', lang); return null; } function deserializeLang(value) { var v = (value || '').toLowerCase(); if (!v) return null; if (v.indexOf('python') !== -1) return PYTHON; if (v.indexOf('typescript') !== -1) return TYPESCRIPT; return null; } function isActiveTabTrigger(trigger) { if (!trigger) return false; var aria = trigger.getAttribute && trigger.getAttribute("aria-selected"); if (aria === "true") return true; var dataSelected = trigger.getAttribute && (trigger.getAttribute('data-selected') || trigger.getAttribute('data-active')); if (dataSelected === "true") return true; var ds = trigger.getAttribute && trigger.getAttribute("data-state"); if (ds === "active") return true; if (trigger.classList && trigger.classList.contains("active")) return true; return false; } function findAllTablists() { // Prefer Mintlify Tabs DOM structure var lists = Array.prototype.slice.call(document.querySelectorAll('[data-component-part="tabs-list"]')); if (!lists.length) { // Fallback to ARIA role if needed lists = Array.prototype.slice.call(document.querySelectorAll('[role="tablist"]')); } // Deduplicate return lists.filter(function (el, idx, arr) { return arr.indexOf(el) === idx; }); } function findCandidateTriggers(tablist) { if (!tablist) return []; // Mintlify places buttons as divs: li > div[data-component-part="tab-button"] var triggers = Array.prototype.slice.call(tablist.querySelectorAll('[data-component-part="tab-button"]')); if (!triggers.length) { // Fallbacks triggers = Array.prototype.slice.call(tablist.querySelectorAll('[role="tab"], button, a')); } return triggers.filter(function (el) { var label = getNormalizedText(el); return inferLangFromTitle(label) !== null; }); } function chooseTriggerForLang(triggers, lang) { if (!triggers || !triggers.length) return null; for (var i = 0; i < triggers.length; i++) { if (inferLangFromTitle(getNormalizedText(triggers[i])) === lang) return triggers[i]; } return null; } function syncTabsToLang(preferredLang) { if (!preferredLang) return; try { localStorage.setItem('preferredLang', serializeLang(preferredLang)); } catch (e) {} var tablists = findAllTablists(); var originalHash = ''; var originalScrollX = 0; var originalScrollY = 0; try { originalHash = window.location.hash || ''; originalScrollX = window.scrollX; originalScrollY = window.scrollY; } catch (e) {} beginSuppressHash(originalHash, originalScrollX, originalScrollY); window.__tabSyncState.isProgrammatic = true; try { for (var i = 0; i < tablists.length; i++) { var tablist = tablists[i]; var triggers = findCandidateTriggers(tablist); if (!triggers.length) continue; // If this tablist already has the correct selection, skip var alreadyCorrect = false; for (var t = 0; t < triggers.length; t++) { if (isActiveTabTrigger(triggers[t]) && inferLangFromTitle(getNormalizedText(triggers[t])) === preferredLang) { alreadyCorrect = true; break; } } if (alreadyCorrect) continue; var target = chooseTriggerForLang(triggers, preferredLang); if (target && typeof target.click === 'function') { try { target.click(); } catch (e) {} } } } finally { // Release in the next tick to avoid capturing our own click handlers setTimeout(function () { window.__tabSyncState.isProgrammatic = false; endSuppressHash(); }, 0); } } // Prevent hash updates while we programmatically switch tabs function beginSuppressHash(originalHash, originalScrollX, originalScrollY) { var state = window.__tabSyncState; if (!state || state.suppressInstalled) return; state.suppressInstalled = true; try { state.origPushState = history.pushState; state.origReplaceState = history.replaceState; } catch (e) {} function stripHashFromUrl(url) { try { var u = new URL(url, window.location.href); // Keep path and search, drop hash completely return u.pathname + u.search; } catch (e) { // Fallback: if it's a string with a '#', remove it and everything after if (typeof url === 'string') { var idx = url.indexOf('#'); return idx >= 0 ? url.slice(0, idx) : url; } return url; } } try { history.pushState = function (stateObj, title, url) { if (url != null) { url = stripHashFromUrl(url); } return state.origPushState.apply(history, [stateObj, title, url]); }; history.replaceState = function (stateObj, title, url) { if (url != null) { url = stripHashFromUrl(url); } return state.origReplaceState.apply(history, [stateObj, title, url]); }; } catch (e) {} state.hashHandler = function () { try { // Restore original hashless URL and scroll position immediately var desired = (originalHash && originalHash.length) ? (window.location.pathname + window.location.search + originalHash) : (window.location.pathname + window.location.search); window.history.replaceState(null, '', desired); window.scrollTo(originalScrollX || 0, originalScrollY || 0); } catch (e) {} }; try { window.addEventListener('hashchange', state.hashHandler, true); } catch (e) {} } function endSuppressHash() { var state = window.__tabSyncState; if (!state || !state.suppressInstalled) return; try { if (state.origPushState) history.pushState = state.origPushState; if (state.origReplaceState) history.replaceState = state.origReplaceState; if (state.hashHandler) window.removeEventListener('hashchange', state.hashHandler, true); } catch (e) {} state.origPushState = null; state.origReplaceState = null; state.hashHandler = null; state.suppressInstalled = false; } function handleTabClickCapture(event) { if (window.__tabSyncState && window.__tabSyncState.isProgrammatic) return; var el = event.target && event.target.closest ? event.target.closest('[data-component-part="tab-button"], [role="tab"], button, a') : null; if (!el) return; var label = getNormalizedText(el); var lang = inferLangFromTitle(label); if (!lang) return; try { localStorage.setItem('preferredLang', serializeLang(lang)); } catch (e) {} // Defer to allow the native tab component to process the click first setTimeout(function () { syncTabsToLang(lang); }, 0); } function initializeTabSync() { // Ensure global state exists even if this runs before bottom-of-file assignments if (!window.__tabSyncState) { window.__tabSyncState = { initialized: false, isProgrammatic: false, mo: null }; } // Always try to apply stored preference, even if already initialized (for SPA nav) var stored = null; try { stored = deserializeLang(localStorage.getItem('preferredLang')); } catch (e) {} if (stored) { // Apply soon after layout ready so tab DOM exists setTimeout(function () { syncTabsToLang(stored); }, 0); } if (window.__tabSyncState.initialized) return; // Global capture listener to detect when a user chooses a tab window.addEventListener('click', handleTabClickCapture, true); // Observe DOM changes and re-apply selection for dynamically mounted tabs try { window.__tabSyncState.mo = new MutationObserver(function (mutations) { var hasNewTabs = false; for (var i = 0; i < mutations.length; i++) { var m = mutations[i]; if (m.addedNodes && m.addedNodes.length) { for (var j = 0; j < m.addedNodes.length; j++) { var node = m.addedNodes[j]; if (node.nodeType === 1 && (node.matches && (node.matches('[data-component-part="tabs-list"], [role="tablist"]') || (node.querySelector && (node.querySelector('[data-component-part="tabs-list"]') || node.querySelector('[role="tablist"]')))))) { hasNewTabs = true; break; } } } if (hasNewTabs) break; } if (hasNewTabs) { var pref = null; try { pref = localStorage.getItem('preferredLang'); } catch (e) {} pref = deserializeLang(pref); if (pref) syncTabsToLang(pref); } }); window.__tabSyncState.mo.observe(document.body, { childList: true, subtree: true }); } catch (e) {} window.__tabSyncState.initialized = true; } if (window.localStorage.getItem('code') === null) { window.localStorage.setItem('code', JSON.stringify('Python')); } (() => { const lang = window.localStorage.getItem('code').toLowerCase(); if (!(lang.includes('python') || lang.includes('typescript'))) { window.localStorage.setItem('code', JSON.stringify('Python')); } })(); (function () { // Poll for changes in localStorage let lastCode = null; setInterval(function () { const code = window.localStorage.getItem('code'); if (code !== lastCode) { lastCode = code; toggleWhenLang(); } }, 300); })(); function getLang() { let lang = ''; try { const raw = window.localStorage.getItem('code'); lang = raw; try { lang = JSON.parse(raw); } catch (_err) { } } catch (_err) { } return (lang || 'Python').toLowerCase(); } function toggleWhenLang() { const whenLangs = document.querySelectorAll('.when-lang'); whenLangs.forEach(function (whenLang) { const lang = getLang(); if (whenLang.classList.contains('when-' + lang)) { whenLang.style.display = 'inline'; } else { whenLang.style.display = 'none'; } }); }

Getting Started

Core Concepts

Guides

API Reference

Use an AI Coding Assistant

​Python

​TypeScript

Python

TypeScript