Add AI Toolbar

[pwizla]

This PR creates an extensible "AI toolbar" system.
The toolbar is displayed below h1 items, and includes a few actions:

• copy Markdown code
• view LLMs.txt
• view LLMs-full.txt

The architecture is flexible enough to accept more buttons.
The code includes:

• an actions folder, with dedicated and reusable actions (for now, we have one to copy the Markdown, and another one to navigate to another page)
• a config folder which for now only includes one config. file, where you can define the buttons details (icon, title, description, etc.)

The Heading component from Docusaurus has been swizzled to include the AiToolbar rendering, which means the toolbar is rendered whenever an h1 is rendered.

A useBadgeReorder hook has also been created to ensure badges added below an h1 (<EnterpriseBadge /> and so on) are rendered in this order: 1. h1, 2. badges (within a container), and 3. AiToolbar component. Without this hook, the toolbar is rendered in between h1 and badges, which was not really reflecting the originally intended design for the h1s and associated badges.

As a bonus, the PR finally introduces a DebugComponent that can be used to test various scenarios while developing custom components.

AiToolbar.demo.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Project	Deployment	Preview	Comments	Updated (UTC)
documentation	✅ Ready	Preview	Comment	Aug 14, 2025 1:47pm