feat(search): update Docsearch to v4-beta

[dylantientcheu]

Pre-flight checklist

• I have read the Contributing Guidelines on pull requests.
• If this is a code change: I have written unit tests and/or added dogfooding pages to fully verify the new behavior.
• If this is a new API or substantial change: the PR has an accompanying issue (closes #0000) and the maintainers have approved on my working plan.

Motivation

• 10 years of DocSearch!
  It’s been a decade since DocSearch was launched, empowering millions of developers to find documentation faster and more intuitively.

• 5 years since DocSearch v3:
  After half a decade of feedback and innovation, we’re excited to unveil the next major leap.

• This PR updates DocSearch to its latest version (v4) and introduces the Ask AI feature, reflecting our vision for the next generation of documentation search. Our goal is to provide a more powerful, accessible, and intelligent search experience for your users.

• Ask AI is completely optional and never enabled by default. DocSearch v4 can be used independently of Ask AI, giving you full control over your integration.

  • Interested in trying Ask AI? Sign up for our private beta here: Google Form link
  • See the full list of supported providers/models for Ask AI.
  • Read more in the DocSearch v4 documentation and Ask AI documentation.

What is included in this PR

• Upgraded the version of docsearch to use the latest beta
• Added the new askAi prop
• Added the new translation keys for docsearch
• Updated the Algolia logo on the contextual search page
• [wip] - Update Algolia Search documentation section.

Test Plan

Try the new search experience by clicking the search button or using the keyboard shortcut (Cmd + K or Ctrl + K).

• Preview link
• Docsearch Playground
• [Demo video upcoming]

Features

DocSearch v4

• Completely modernized UI: DocSearch v4 features a brand new, ground-up redesign for a more intuitive and visually appealing experience.
• Still 💯 Free: DocSearch stays free for all eligible documentation/technical blog websites as it has always been.
• Core functionality preserved: All the features users love from previous versions remain, ensuring a seamless transition.
• Customization-first: Extensive customization options remain at the heart of DocSearch, allowing you to tailor the look and feel to your brand.
• Recent searches & favorites: Continue to quickly revisit previous keyword searches and save favorites for easy access.
• Enhanced accessibility and performance: Improved ARIA support, keyboard navigation, and even faster load times.
• Mobile-optimized: Responsive and touch-friendly for a great experience on any device.
• Dark mode: Seamless integration with your site’s dark theme.

Ask AI

• Conversational search: Users can ask questions in natural language and get context-aware answers.
• Completely free: Ask AI is available at no additional cost.
• BYOLLM (Bring Your Own LLM): You can use your own language model provider, giving you full control over the AI experience.
• Direct Algolia index integration: The provider/models retrieve relevant context directly from your Algolia index, ensuring accurate and up-to-date answers.
• Recently asked & conversation history: Easily revisit your recent questions and jump back into previous Ask AI conversations.
• Seamless integration: Ask AI is available directly from the search modal.

---

Deploy preview: https://deploy-preview-_____--docusaurus-2.netlify.app/

Related issues/PRs

N/A

References:

• DocSearch documentation
• Ask AI documentation

[netlify]

✅ [V2]

Built without sensitive environment variables

Name	Link
🔨 Latest commit	4752b94
🔍 Latest deploy log	https://app.netlify.com/projects/docusaurus-2/deploys/6877659aa0dbb90008c272e9
😎 Deploy Preview	https://deploy-preview-11327--docusaurus-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	Report
/	🟠 68	🟢 98	🟢 100	🟢 100	Report
/docs/installation	🟠 61	🟢 97	🟢 100	🟢 100	Report
/docs/category/getting-started	🟠 69	🟢 100	🟢 100	🟠 86	Report
/blog	🟠 59	🟢 96	🟢 100	🟠 86	Report
/blog/preparing-your-site-for-docusaurus-v3	🟠 57	🟢 92	🟢 100	🟢 100	Report
/blog/tags/release	🟠 57	🟢 96	🟢 100	🟠 86	Report
/blog/tags	🟠 68	🟢 100	🟢 100	🟠 86	Report

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	node-releases@​2.0.19
	hasown@​2.0.2
	@​algolia/​requester-browser-xhr@​5.25.0
	define-properties@​1.2.1
	aggregate-error@​3.1.0
	path-parse@​1.0.7
	indent-string@​4.0.0
	object-keys@​1.1.1
	es-define-property@​1.0.1
	has-symbols@​1.1.0
	object.assign@​4.1.7
	function-bind@​1.1.2
	object-assign@​4.1.1
	is-arrayish@​0.2.1
	@​babel/​plugin-transform-react-jsx-development@​7.27.1
	@​docsearch/​css@​3.9.0
	@​babel/​plugin-syntax-dynamic-import@​7.8.3
	@​webassemblyjs/​ieee754@​1.13.2
	@​babel/​plugin-transform-dotall-regex@​7.27.1
	@​babel/​plugin-transform-regexp-modifiers@​7.27.1
	@​babel/​plugin-transform-unicode-regex@​7.27.1
	@​babel/​plugin-syntax-unicode-sets-regex@​7.18.6
	@​webassemblyjs/​wasm-opt@​1.14.1
	@​babel/​plugin-transform-unicode-sets-regex@​7.27.1
	@​babel/​plugin-transform-reserved-words@​7.27.1
	@​babel/​plugin-syntax-jsx@​7.27.1
	@​babel/​helper-annotate-as-pure@​7.27.3
	core-util-is@​1.0.3
	@​babel/​plugin-transform-class-properties@​7.27.1
	@​babel/​plugin-transform-private-methods@​7.27.1
	@​algolia/​requester-fetch@​5.25.0
	@​babel/​plugin-transform-named-capturing-groups-regex@​7.27.1
	@​babel/​plugin-transform-optional-catch-binding@​7.27.1
See 580 more rows in the dashboard

View full report