// Loads the Kapa AI docs assistant, with the same settings as docs.cortex.io. // The floating button is hidden; the widget opens as a panel on the right, from // the "Ask Cortex AI" button on the home page, or from the "Ask" button and the // "Ask Cortex AI" search row this script adds to the Mintlify UI. (function () { if (document.getElementById('kapa-widget-script')) return; // Kapa gets its captcha token from reCAPTCHA Enterprise (window.grecaptcha.enterprise). // Mintlify's search modal loads hCaptcha as soon as a query is typed, even with // the Mintlify AI assistant disabled. hCaptcha replaces window.grecaptcha with a // compatibility shim that has no .enterprise, so Kapa then fails with "Captcha // token could not be obtained". This carries .enterprise over to whatever object // is assigned to window.grecaptcha. var grecaptcha = window.grecaptcha; var enterprise = grecaptcha && grecaptcha.enterprise; Object.defineProperty(window, 'grecaptcha', { configurable: true, get: function () { return grecaptcha; }, set: function (value) { if (grecaptcha && grecaptcha.enterprise) enterprise = grecaptcha.enterprise; if (value && !value.enterprise && enterprise) value.enterprise = enterprise; grecaptcha = value; } }); var settings = { 'data-website-id': '6a04b2a0-990b-4f18-90b5-b39d278e7e3d', 'data-project-name': 'Cortex', 'data-project-color': '#20014c', 'data-project-logo': 'https://avatars.slack-edge.com/2021-02-19/1797460003216_4ef6d1e3f5fe83a74d2c_512.png', 'data-button-hide': 'true', 'data-button-position-top': '80px', 'data-button-position-right': '5px', 'data-modal-size': '100vh', 'data-modal-x-offset': '0', 'data-modal-y-offset': '0', 'data-modal-header-bg-color': 'fff', 'data-modal-disclaimer': 'Answers are generated by AI and may not be error-free. Please provide feedback to improve future results.', 'data-modal-example-questions': 'How can I quickly configure ownership of entities?,Which version control providers are supported?,How do I set up entity verification for all services?,How can I use a JavaScript block in a Workflow?', 'data-modal-with-overlay': 'false', 'data-modal-inner-flex-direction': 'column', 'data-modal-inner-justify-content': 'end', 'data-modal-inner-max-width': '500px', 'data-modal-inner-position-right': '0', 'data-modal-inner-position-left': 'auto', 'data-modal-inner-position-bottom': '0', 'data-modal-lock-scroll': 'false' }; var s = document.createElement('script'); s.id = 'kapa-widget-script'; s.src = 'https://widget.kapa.ai/kapa-widget.bundle.js'; s.async = true; Object.keys(settings).forEach(function (key) { s.setAttribute(key, settings[key]); }); document.head.appendChild(s); var SPARKLE_SVG = ''; // "Ask Cortex AI" row in Mintlify's search modal. Mintlify renders the modal // only while it is open, so the row is added each time the modal appears. // It hands the typed query to Kapa's Ask AI mode. var ROW_ID = 'kapa-search-ask-row'; function searchInput(modal) { return modal.querySelector('[data-component-part="search-input"]'); } function searchModal() { return document.querySelector('[data-component-part="search-modal"]'); } function askKapa(query) { if (!window.Kapa) return; // Close Mintlify's search modal before opening Kapa. if (searchModal()) { document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true })); } window.Kapa('open', query ? { mode: 'ai', query: query, submit: true } : { mode: 'ai' }); } function updateRow(modal) { var row = document.getElementById(ROW_ID); var input = searchInput(modal); if (!row || !input) return; var query = input.value.trim(); row.hidden = !query; row.querySelector('.kapa-search-ask-query').textContent = '"' + query + '"'; } function addRow(modal) { if (document.getElementById(ROW_ID)) return; var input = searchInput(modal); if (!input) return; var row = document.createElement('button'); row.type = 'button'; row.id = ROW_ID; row.innerHTML = SPARKLE_SVG + 'Ask Cortex AI ' + '' + (/Mac|iPhone|iPad/.test(navigator.platform) ? '\u2318' : 'Ctrl') + 'I'; // Keep focus in the search input, as Mintlify does for its own rows. row.addEventListener('mousedown', function (e) { e.preventDefault(); }); row.addEventListener('click', function () { askKapa(input.value.trim()); }); var footer = modal.querySelector('[data-component-part="search-footer"]'); modal.insertBefore(row, footer && footer.parentNode === modal ? footer : null); input.addEventListener('input', function () { updateRow(modal); }); updateRow(modal); } // "Ask" button next to the navbar search bar, in the spot Mintlify's own // "Ask Assistant" button uses (that one is hidden in style.css). var ASK_BUTTON_ID = 'kapa-ask-button'; function addAskButton() { if (document.getElementById(ASK_BUTTON_ID)) return; var searchBar = document.getElementById('search-bar-entry'); if (!searchBar) return; var button = document.createElement('button'); button.type = 'button'; button.id = ASK_BUTTON_ID; button.setAttribute('aria-label', 'Ask Cortex AI'); button.innerHTML = SPARKLE_SVG + 'Ask'; button.addEventListener('click', function () { askKapa(''); }); searchBar.insertAdjacentElement('afterend', button); } new MutationObserver(function () { addAskButton(); var modal = searchModal(); if (modal) addRow(modal); }).observe(document.documentElement, { childList: true, subtree: true }); // Cmd+I / Ctrl+I opens Kapa, passing along the query if the search modal is open. window.addEventListener('keydown', function (e) { if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'i') return; e.preventDefault(); e.stopImmediatePropagation(); var modal = searchModal(); askKapa(modal ? searchInput(modal).value.trim() : ''); }, true); })();