Merge pull request #4198 from ClickHouse/4187-improve-algolia-search-infra

4187 improve algolia search infra

Author: dhtclk

scripts/search/settings.json

@@ -5,13 +5,13 @@
     "hitsPerPage": 20,
     "maxValuesPerFacet": 100,
     "searchableAttributes": [
+      "title",
       "h1",
-      "h2",
-      "unordered(keywords)",
+      "h2", 
       "h3",
+      "keywords",
       "content",
-      "h4",
-      "title"
+      "h4"
     ],
     "numericAttributesToIndex": null,
     "attributesToRetrieve": [
@@ -20,26 +20,53 @@
       "anchor",
       "url",
       "url_without_anchor",
-      "type"
+      "type",
+      "title"
     ],
     "camelCaseAttributes": [
-      "h2"
+      "h1",
+      "h2",
+      "h3", 
+      "title"
     ],
     "attributeCriteriaComputedByMinProximity": false,
     "distinct": true,
     "unretrievableAttributes": null,
-    "optionalWords": null,
+    "optionalWords": [
+      "clickhouse",
+      "database",
+      "function", 
+      "query",
+      "table",
+      "how",
+      "to",
+      "what",
+      "is",
+      "can",
+      "do",
+      "does",
+      "will",
+      "should",
+      "the",
+      "a",
+      "an"
+    ],
     "attributesForFaceting": null,
     "attributesToSnippet": [
-      "content:10"
+      "content:15",
+      "title:10"
     ],
     "attributesToHighlight": [
       "hierarchy",
-      "content"
+      "content",
+      "title",
+      "h1",
+      "h2",
+      "h3"
     ],
     "paginationLimitedTo": 1000,
     "attributeForDistinct": "url",
-    "exactOnSingleWordQuery": "attribute",
+    "exactOnSingleWordQuery": "word",
     "disableExactOnAttributes": [
       "content"
     ],
@@ -56,8 +83,8 @@
       "desc(score)",
       "desc(page_rank)"
     ],
-    "separatorsToIndex": "_",
-    "removeWordsIfNoResults": "none",
+    "separatorsToIndex": "_-",
+    "removeWordsIfNoResults": "allOptional",
     "queryType": "prefixLast",
     "highlightPreTag": "<em>",
     "highlightPostTag": "</span>",
@@ -72,129 +99,51 @@
   },
   "rules": [
     {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
       "conditions": [
         {
-          "anchoring": "is",
-          "pattern": "if",
-          "alternatives": true
+          "anchoring": "contains",
+          "pattern": "how to scale"
         }
       ],
       "consequence": {
         "params": {
-          "query": "conditional functions"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1738846919179"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "engine",
-          "alternatives": true
+          "query": "scaling horizontal distributed"
         }
-      ],
-      "consequence": {
-        "params": {
-          "query": "table engine"
-        },
-        "filterPromotes": true
       },
       "enabled": true,
-      "objectID": "qr-1737830547773"
+      "objectID": "how-to-scale-rule"
     },
     {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
       "conditions": [
         {
-          "anchoring": "is",
-          "pattern": "log",
-          "alternatives": true
+          "anchoring": "contains", 
+          "pattern": "how to optimize"
         }
       ],
       "consequence": {
         "params": {
-          "query": "log logarithm"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1737830510872"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "distinct",
-          "alternatives": true
+          "query": "optimization performance tuning"
         }
-      ],
-      "consequence": {
-        "params": {
-          "query": "distinct clause"
-        },
-        "filterPromotes": true
       },
       "enabled": true,
-      "objectID": "qr-1737830488435"
+      "objectID": "how-to-optimize-rule"
     },
     {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
       "conditions": [
         {
-          "anchoring": "is",
-          "pattern": "case when",
-          "alternatives": true
+          "anchoring": "contains",
+          "pattern": "what is"
         }
       ],
       "consequence": {
         "params": {
-          "query": "conditional functions"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1737830405215"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "case",
-          "alternatives": true
+          "removeWordsIfNoResults": "allOptional"
         }
-      ],
-      "consequence": {
-        "params": {
-          "query": "conditional function"
-        },
-        "filterPromotes": true
       },
       "enabled": true,
-      "objectID": "qr-1737828323150"
+      "objectID": "what-is-rule"
     },
     {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
       "conditions": [
         {
           "anchoring": "is",
@@ -209,67 +158,7 @@
         "filterPromotes": true
       },
       "enabled": true,
-      "objectID": "qr-1737813426327"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "config.xml",
-          "alternatives": true
-        }
-      ],
-      "consequence": {
-        "params": {
-          "query": "Server Settings"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1737813311997"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "client",
-          "alternatives": true
-        }
-      ],
-      "consequence": {
-        "params": {
-          "query": "clickhouse client"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1737813247403"
-    },
-    {
-      "_metadata": {
-        "lastUpdate": 1740676875
-      },
-      "conditions": [
-        {
-          "anchoring": "is",
-          "pattern": "between",
-          "alternatives": true
-        }
-      ],
-      "consequence": {
-        "params": {
-          "query": "between function"
-        },
-        "filterPromotes": true
-      },
-      "enabled": true,
-      "objectID": "qr-1737813177623"
+      "objectID": "qr-clickhouse-main"
     }
   ]
-}
+}

src/theme/SearchBar/index.js

@@ -37,14 +37,77 @@ function Hit({ hit, children }) {
 
 function ResultsFooter({ state, onClose }) {
   const generateSearchPageLink = useSearchLinkCreator();
+
+  const handleKapaClick = useCallback(() => {
+    onClose(); // Close search modal first
+    
+    // Use Kapa's official API to open with query
+    if (typeof window !== 'undefined' && window.Kapa) {
+      window.Kapa('open', { 
+        query: state.query || '',
+        submit: !!state.query 
+      });
+    } else {
+      console.warn('Kapa widget not loaded');
+    }
+  }, [state.query, onClose]);
+
   return (
-      <Link to={generateSearchPageLink(state.query)} onClick={onClose}>
+    <div style={{ 
+      padding: '12px 16px',
+      borderTop: '1px solid var(--docsearch-modal-shadow)',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '8px'
+    }}>
+      {/* Kapa AI Button */}
+      <button 
+        onClick={handleKapaClick}
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: '100%',
+          padding: '12px 16px',
+          backgroundColor: '#5b4cfe',
+          color: 'white',
+          border: 'none',
+          borderRadius: '6px',
+          fontSize: '14px',
+          cursor: 'pointer',
+          fontWeight: 600,
+          transition: 'all 0.2s ease'
+        }}
+        onMouseEnter={(e) => {
+          e.target.style.backgroundColor = '#4a3dcc';
+          e.target.style.transform = 'translateY(-1px)';
+        }}
+        onMouseLeave={(e) => {
+          e.target.style.backgroundColor = '#5b4cfe';
+          e.target.style.transform = 'translateY(0)';
+        }}
+      >
+        🤖 Ask AI{state.query ? ` about "${state.query}"` : ''}
+      </button>
+      
+      {/* Original "See all results" link */}
+      <Link 
+        to={generateSearchPageLink(state.query)} 
+        onClick={onClose}
+        style={{
+          textAlign: 'center',
+          fontSize: '13px',
+          color: 'var(--docsearch-muted-color)',
+          textDecoration: 'none'
+        }}
+      >
         <Translate
             id="theme.SearchBar.seeAll"
             values={{ count: state.context.nbHits }}>
           {'See all {count} results'}
         </Translate>
       </Link>
+    </div>
   );
 }
 
@@ -69,6 +132,7 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
     ...props.searchParameters,
     facetFilters,
     clickAnalytics: true,
+    hitsPerPage: 3,
   };
   const { isAskAIOpen, currentMode } = useAskAI();
   const history = useHistory();