Add Algolia autocomplete with Kapa AI integration

src/current/_includes/head.html

@@ -79,9 +79,8 @@
 
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
 <script src="{{ 'js/searchInputRendering.js' | relative_url }}"></script>
-<!-- Algolia client for autocomplete -->
-<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.14.3/dist/algoliasearch-lite.umd.min.js"></script>
-<!-- Algolia Autocomplete with Kapa Integration -->
+<!-- Algolia Search with Kapa integration -->
+<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.24.0/dist/algoliasearch-lite.umd.js"></script>
 <script src="{{ 'js/algoliaAutocomplete.js' | relative_url }}"></script>
 
 {%- comment -%} Add the Brand Website segment source and fire a page impression. {%- endcomment -%}

src/current/_includes/sidebar.html

@@ -2,7 +2,7 @@
   <div class="col-sidebar-content">
     <div class="mb-3 px-3">
       <form action="/docs/search">
-        <input class="form-control" name="query" type="text" placeholder="Search">
+        <input id="search-input" class="form-control" name="query" type="text" placeholder="Search">
       </form>
     </div>
     <ul id="sidebar" class="js-sidebar nav {{ include.sidebar_class }}pt-0" style="display: none">

src/current/search.html

@@ -73,7 +73,7 @@
 
 <!-- Algolia Search Integration -->
 <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.14.3/dist/algoliasearch-lite.umd.js" integrity="sha256-dyJcbGuYfdzNfifkHxYVd/rzeR6SLLcDFYEidcybldM=" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.50.1/dist/instantsearch.production.min.js" integrity="sha256-xtz5Q60cdtw/7BDkzWiTgCXLvwLrUqlKqegFqvNHiNM=" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.86.1/dist/instantsearch.production.min.js" crossorigin="anonymous"></script>
 <script>
   const htmlEncode = (text) => {
     let div = document.createElement("div");

src/current/v23.1/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v23.2/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v24.1/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v24.2/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v24.3/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v25.1/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v25.2/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v25.3/sql-grammar.md

@@ -38,6 +38,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v25.4/sql-grammar.md

@@ -39,6 +39,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}

src/current/v26.1/sql-grammar.md

@@ -39,6 +39,7 @@ TODO: clean up the SQL diagrams not to link to these missing nonterminals.
 <a id="table_alias_name"></a>
 <a id="target_name"></a>
 <a id="timestamp"></a>
+<a id="query"></a>
 
 <div>
 {% remote_include https://raw.githubusercontent.com/cockroachdb/generated-diagrams/{{ page.release_info.crdb_branch_name }}/grammar_svg/stmt_block.html %}