> ## Documentation Index
> Fetch the complete documentation index at: https://cortex-ad5578da.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Generate User Memory
export const TableOfContents = ({title = 'On this page', items, minHeadingLevel = 2, maxHeadingLevel = 3, className = '', activeClassName = 'text-primary dark:text-primary-light border-primary dark:border-primary-light hover:border-primary dark:hover:border-primary-light', inactiveClassName = 'hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300'}) => {
const [toc, setToc] = useState(items ?? []);
const [activeId, setActiveId] = useState('');
useEffect(() => {
if (items && items.length) return;
if (typeof document === 'undefined') return;
const selectors = [];
for (let lvl = minHeadingLevel; lvl <= maxHeadingLevel; lvl++) {
selectors.push(`h${lvl}`);
}
const nodes = Array.from(document.querySelectorAll(selectors.join(','))).filter(el => el.id);
const built = [];
let currentTop = null;
nodes.forEach(el => {
const level = Number(el.tagName.slice(1));
const node = {
id: el.id,
label: el.textContent.trim(),
href: `#${el.id}`,
children: []
};
if (level === minHeadingLevel) {
built.push(node);
currentTop = node;
} else if (level > minHeadingLevel && currentTop) {
currentTop.children.push(node);
} else {
built.push(node);
}
});
setToc(built);
}, [items, minHeadingLevel, maxHeadingLevel]);
useEffect(() => {
if (typeof document === 'undefined') return;
const applyHash = () => {
const h = window.location.hash.replace('#', '');
if (h) setActiveId(h);
};
applyHash();
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
setActiveId(entry.target.id);
}
});
}, {
rootMargin: '0px 0px -70% 0px',
threshold: 0.1
});
const ids = toc.flatMap(i => [i, ...i.children ?? []]).map(i => i.id);
ids.forEach(id => {
const el = document.getElementById(id);
if (el) observer.observe(el);
});
window.addEventListener('hashchange', applyHash);
return () => {
window.removeEventListener('hashchange', applyHash);
observer.disconnect();
};
}, [toc]);
const Item = ({node, depth = 0}) => {
const isActive = activeId === node.id;
return
0 ? {
marginLeft: `${depth}rem`
} : {}} onClick={() => setActiveId(node.id)}>
{node.label}
{node.children && node.children.length > 0 && <>
{node.children.map(child =>