Revert Algolia lazy loading to fix search not appearing (#364)

The lazy loading approach caused the search UI to not appear because
the #autocomplete div was empty and invisible until user interaction
triggered script loading. This broke discoverability since users
couldn't see there was a search to click on.

Reverts to the original defer-based loading which ensures Algolia
initializes on DOMContentLoaded and the search UI is immediately visible.

Author: JakeSCahill

src/partials/algolia-script.hbs

@@ -884,37 +884,7 @@ function initAlgolia() {
    * This is intentionally namespaced and “private”. See notes below.
    */
   window.__algoliaAutocompleteInstance = autocompleteInstance;
-
-  // If user clicked search before scripts loaded, focus the input now
-  var pendingFocus = window.__algoliaGetPendingFocus && window.__algoliaGetPendingFocus();
-  if (pendingFocus) {
-    var input = document.querySelector('.aa-Input');
-    if (input) {
-      setTimeout(function() { input.focus(); }, 100);
-    }
-  }
-}
-
-// Initialize when scripts are available
-function tryInitAlgolia() {
-  // Check if all required libraries are loaded
-  if (window['@algolia/autocomplete-js'] &&
-      window['@algolia/autocomplete-plugin-tags'] &&
-      window['@algolia/autocomplete-plugin-recent-searches'] &&
-      window.algoliasearch) {
-    initAlgolia();
-    return true;
-  }
-  return false;
 }
 
-// Try immediately if scripts already loaded (e.g., not lazy loaded)
-if (document.readyState === 'loading') {
-  window.addEventListener('DOMContentLoaded', tryInitAlgolia);
-} else {
-  // DOM already loaded, try init now or wait for lazy-loaded scripts
-  if (!tryInitAlgolia()) {
-    window.addEventListener('algolia-scripts-loaded', tryInitAlgolia);
-  }
-}
+window.addEventListener('DOMContentLoaded', initAlgolia);
 </script>

src/partials/head-scripts.hbs

@@ -131,78 +131,14 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 <script defer src="https://plausible.io/js/plausible.js" data-domain="redpanda.com"></script>
 
 {{#if env.ALGOLIA_API_KEY}}
-<!-- Algolia Search - Lazy loaded on search interaction for performance -->
-<link rel="prefetch" href="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-js.js" as="script">
-<link rel="prefetch" href="{{{uiRootPath}}}/js/vendor/algolia/algoliasearch-lite.umd.js" as="script">
-<script>
-(function() {
-  var algoliaLoaded = false;
-  var uiRoot = '{{{uiRootPath}}}';
-  var pendingFocus = null;
-
-  function loadScript(src) {
-    return new Promise(function(resolve, reject) {
-      var script = document.createElement('script');
-      script.src = src;
-      script.onload = resolve;
-      script.onerror = reject;
-      document.head.appendChild(script);
-    });
-  }
-
-  function loadAlgoliaScripts(targetElement) {
-    if (algoliaLoaded) return;
-    algoliaLoaded = true;
-    if (targetElement) pendingFocus = targetElement;
-
-    var styles = [
-      uiRoot + '/css/vendor/algolia/autocomplete-theme-classic.css',
-      uiRoot + '/css/vendor/algolia/autocomplete-tags-plugin.css'
-    ];
-    styles.forEach(function(href) {
-      var link = document.createElement('link');
-      link.rel = 'stylesheet';
-      link.href = href;
-      document.head.appendChild(link);
-    });
-
-    // Load scripts sequentially to ensure dependencies are met
-    loadScript(uiRoot + '/js/vendor/algolia/algoliasearch-lite.umd.js')
-      .then(function() { return loadScript(uiRoot + '/js/vendor/algolia/autocomplete-js.js'); })
-      .then(function() { return loadScript(uiRoot + '/js/vendor/algolia/autocomplete-plugin-tags.js'); })
-      .then(function() { return loadScript(uiRoot + '/js/vendor/algolia/autocomplete-plugin-recent-searches.js'); })
-      .then(function() { return loadScript(uiRoot + '/js/vendor/algolia/autocomplete-plugin-query-suggestions.js'); })
-      .then(function() { return loadScript(uiRoot + '/js/vendor/algolia/autocomplete-plugin-algolia-insights.js'); })
-      .then(function() {
-        // Dispatch event to trigger Algolia initialization
-        window.dispatchEvent(new CustomEvent('algolia-scripts-loaded'));
-      });
-  }
-
-  // Load on search focus or input click
-  document.addEventListener('click', function(e) {
-    var target = e.target.closest('.search, .aa-Input, [data-search], input[type="search"], #autocomplete');
-    if (target) {
-      loadAlgoliaScripts(target);
-    }
-  });
-  document.addEventListener('focusin', function(e) {
-    var target = e.target.closest('.search, .aa-Input, [data-search], input[type="search"], #autocomplete');
-    if (target) {
-      loadAlgoliaScripts(target);
-    }
-  });
-  // Fallback: Load after idle
-  if ('requestIdleCallback' in window) {
-    requestIdleCallback(function() { setTimeout(function() { loadAlgoliaScripts(null); }, 3000); });
-  } else {
-    setTimeout(function() { loadAlgoliaScripts(null); }, 3000);
-  }
-
-  // Expose for algolia-script.hbs to check pending focus
-  window.__algoliaGetPendingFocus = function() { var f = pendingFocus; pendingFocus = null; return f; };
-})();
-</script>
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-js.js"></script>
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/algoliasearch-lite.umd.js"></script>
+<link rel="stylesheet" href="{{{uiRootPath}}}/css/vendor/algolia/autocomplete-theme-classic.css"/>
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-plugin-tags.js"></script>
+<link rel="stylesheet" href="{{{uiRootPath}}}/css/vendor/algolia/autocomplete-tags-plugin.css">
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-plugin-recent-searches.js"></script>
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-plugin-query-suggestions.js"></script>
+<script defer src="{{{uiRootPath}}}/js/vendor/algolia/autocomplete-plugin-algolia-insights.js"></script>
 {{/if}}
 <script>
   var uiRootPath="{{{uiRootPath}}}"