Move Warehouse Native to top navigation bar

[devin-ai-integration]

Move Warehouse Native to top navigation bar and implement dynamic search filtering

This PR:

• Moves the Warehouse Native docs to its own top-level section in the navigation bar
• Cleans up the categories for the SDK/API section to force subsections expanded like the main sidebar
• Ensures proper styling for both sections
• Implements dynamic search filtering based on the active navigation section

Dynamic Search Filtering

Added a custom JavaScript solution to dynamically scope Algolia search results based on the active navigation section:

• When in "SDKs & APIs" section, search is scoped to Client SDKs, Server SDKs, Console API, and HTTP API content
• When in "Warehouse Native" section, search is scoped to Warehouse Native content only
• When in main "Product Docs" section, search includes all content (default behavior)

The implementation:

1. Intercepts Algolia search requests using both XMLHttpRequest and fetch API interception
2. Detects the current section based on URL path and active navigation items
3. Adds appropriate path-based filters to Algolia search parameters
4. Provides a visual indicator in the search modal showing which section is being searched

Cross-section links

The following links from Warehouse Native docs point to sections outside of Warehouse Native:

• Links to experimentation sections (e.g., experiments-plus/differential-impact-detection)
• Links to stats-engine sections (e.g., stats-engine/metric-deltas, stats-engine/variance)
• Links to pulse sections (e.g., pulse/read-pulse, pulse/drill-down)

Testing

• Tested locally and verified the navigation works correctly
• Verified both SDK/API and Warehouse Native sections have proper nesting and styling
• Tested search functionality to verify section-specific filtering works correctly:
  • When in Warehouse Native section, searching for "sdk" only shows Warehouse Native results
  • When in SDKs & APIs section, searching for terms only shows SDK/API results
  • When in Product Docs section, searching shows general documentation results

Link to Devin run: https://app.devin.ai/sessions/9d8c8e8e999947b0b292f4ecad6a956f
Requested by: tore@statsig.com

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[jasonwzm]

🚀 Deployed on https://681bfefe0e8ec842a568ff5c--cozy-fox-0defec.netlify.app

[graphite-app]

The getCurrentSection() function may throw an error on pages where no element with aria-current="page" exists (such as 404 pages). Consider using optional chaining to safely access the id property:

const currentPageLink = document.querySelector('nav a[aria-current="page"]')?.id || "docs";

This ensures the function gracefully handles cases where the selector doesn't match any elements.

Suggested change

	function getCurrentSection() {
	const currentPageLink = document.querySelector('nav a[aria-current="page"]').id || "docs";
	console.log('[Statsig Search] Current section:', currentPageLink);
	return currentPageLink;
	}
	function getCurrentSection() {
	const currentPageLink = document.querySelector('nav a[aria-current="page"]')?.id || "docs";
	console.log('[Statsig Search] Current section:', currentPageLink);
	return currentPageLink;
	}

Spotted by Diamond

Is this helpful? React 👍 or 👎 to let us know.