Ask AI

`; // Add click handler to toggle the sidebar newButton.addEventListener('click', () => { if (widget) { sidebarIsOpen = !sidebarIsOpen; widget.update({ isOpen: sidebarIsOpen }); } }); // Insert the button after the search bar searchBar.parentNode.insertBefore(newButton, searchBar.nextSibling); } } // Call the function when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addSiblingButton); } else { addSiblingButton(); } // Watch for route changes and re-add button if needed // Use MutationObserver to watch for DOM changes (SPA navigation) const observer = new MutationObserver(() => { const searchBar = document.getElementById('search-bar-entry'); const existingButton = document.getElementById('inkeep-ask-ai-button'); // If search bar exists but button doesn't, add it if (searchBar && !existingButton) { addSiblingButton(); } }); // Start observing the document body for changes observer.observe(document.body, { childList: true, subtree: true, }); // Also listen for navigation events (popstate for back/forward, pushState/replaceState for programmatic navigation) const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function (...args) { originalPushState.apply(history, args); setTimeout(addSiblingButton, 100); }; history.replaceState = function (...args) { originalReplaceState.apply(history, args); setTimeout(addSiblingButton, 100); }; window.addEventListener('popstate', () => { setTimeout(addSiblingButton, 100); }); // Initialize the SidebarChat widget const widget = Inkeep.SidebarChat('#inkeep-sidebar', sidebarSettings); // Load the Mintlify script for ModalSearchAndChat loadScript( 'https://cdn.jsdelivr.net/npm/@inkeep/cxkit-mintlify@0.5/dist/index.js', () => { // Initialize ModalSearchAndChat component Inkeep.ModalSearchAndChat(baseSettings); }, 'text/javascript' ); });

Getting started

Components

Functions

Plans

Gems

Troubleshooting