From 8d6782455631193cfc4470366eccf1e37b1783ed Mon Sep 17 00:00:00 2001
From: Sander Philipse <94373878+sphilipse@users.noreply.github.com>
Date: Tue, 20 Jun 2023 22:12:30 +0200
Subject: [PATCH] [Enterprise Search] Add vector search and ESRE tiles to
 guides (#160029)

## Summary

This adds two guide tiles to the onboarding guides page.
---
 .../__snapshots__/guide_cards.test.tsx.snap   | 62 +++++++++++++++++--
 .../landing_page/guide_cards.constants.tsx    | 30 ++++++++-
 2 files changed, 84 insertions(+), 8 deletions(-)

diff --git a/packages/kbn-guided-onboarding/src/components/landing_page/__snapshots__/guide_cards.test.tsx.snap b/packages/kbn-guided-onboarding/src/components/landing_page/__snapshots__/guide_cards.test.tsx.snap
index 462700420738..177428ecc8aa 100644
--- a/packages/kbn-guided-onboarding/src/components/landing_page/__snapshots__/guide_cards.test.tsx.snap
+++ b/packages/kbn-guided-onboarding/src/components/landing_page/__snapshots__/guide_cards.test.tsx.snap
@@ -12,6 +12,58 @@ exports[`guide cards snapshots should render all cards 1`] = `
       <EuiFlexItem
         grow={false}
         key="0"
+      >
+        <GuideCard
+          activateGuide={[MockFunction]}
+          activeFilter="all"
+          card={
+            Object {
+              "icon": "vector",
+              "navigateTo": Object {
+                "appId": "enterpriseSearchVectorSearch",
+              },
+              "order": 1,
+              "solution": "search",
+              "telemetryId": "onboarding--search--vector",
+              "title": "Set up vector search",
+            }
+          }
+          guidesState={Array []}
+          navigateToApp={[MockFunction]}
+        />
+        <EuiSpacer
+          size="m"
+        />
+      </EuiFlexItem>
+      <EuiFlexItem
+        grow={false}
+        key="1"
+      >
+        <GuideCard
+          activateGuide={[MockFunction]}
+          activeFilter="all"
+          card={
+            Object {
+              "icon": "magnifyWithPlus",
+              "navigateTo": Object {
+                "appId": "enterpriseSearchEsre",
+              },
+              "order": 4,
+              "solution": "search",
+              "telemetryId": "onboarding--search--semantic",
+              "title": "Build a semantic search experience",
+            }
+          }
+          guidesState={Array []}
+          navigateToApp={[MockFunction]}
+        />
+        <EuiSpacer
+          size="m"
+        />
+      </EuiFlexItem>
+      <EuiFlexItem
+        grow={false}
+        key="2"
       >
         <GuideCard
           activateGuide={[MockFunction]}
@@ -20,7 +72,7 @@ exports[`guide cards snapshots should render all cards 1`] = `
             Object {
               "guideId": "appSearch",
               "icon": "wrench",
-              "order": 1,
+              "order": 7,
               "solution": "search",
               "telemetryId": "onboarding--search--application",
               "title": <FormattedMessage
@@ -43,7 +95,7 @@ exports[`guide cards snapshots should render all cards 1`] = `
       </EuiFlexItem>
       <EuiFlexItem
         grow={false}
-        key="1"
+        key="3"
       >
         <GuideCard
           activateGuide={[MockFunction]}
@@ -52,7 +104,7 @@ exports[`guide cards snapshots should render all cards 1`] = `
             Object {
               "guideId": "websiteSearch",
               "icon": "search",
-              "order": 4,
+              "order": 10,
               "solution": "search",
               "telemetryId": "onboarding--search--website",
               "title": "Add search to my website",
@@ -67,7 +119,7 @@ exports[`guide cards snapshots should render all cards 1`] = `
       </EuiFlexItem>
       <EuiFlexItem
         grow={false}
-        key="2"
+        key="4"
       >
         <GuideCard
           activateGuide={[MockFunction]}
@@ -76,7 +128,7 @@ exports[`guide cards snapshots should render all cards 1`] = `
             Object {
               "guideId": "databaseSearch",
               "icon": "database",
-              "order": 7,
+              "order": 13,
               "solution": "search",
               "telemetryId": "onboarding--search--database",
               "title": <FormattedMessage
diff --git a/packages/kbn-guided-onboarding/src/components/landing_page/guide_cards.constants.tsx b/packages/kbn-guided-onboarding/src/components/landing_page/guide_cards.constants.tsx
index ac66e38d1648..90a9a1e6ede0 100644
--- a/packages/kbn-guided-onboarding/src/components/landing_page/guide_cards.constants.tsx
+++ b/packages/kbn-guided-onboarding/src/components/landing_page/guide_cards.constants.tsx
@@ -31,6 +31,30 @@ export interface GuideCardConstants {
 }
 
 export const guideCards: GuideCardConstants[] = [
+  {
+    solution: 'search',
+    icon: 'vector',
+    title: i18n.translate('guidedOnboardingPackage.gettingStarted.cards.vectorSearch.title', {
+      defaultMessage: 'Set up vector search',
+    }),
+    navigateTo: {
+      appId: 'enterpriseSearchVectorSearch',
+    },
+    telemetryId: 'onboarding--search--vector',
+    order: 1,
+  },
+  {
+    solution: 'search',
+    icon: 'magnifyWithPlus',
+    title: i18n.translate('guidedOnboardingPackage.gettingStarted.cards.esreSearch.title', {
+      defaultMessage: 'Build a semantic search experience',
+    }),
+    navigateTo: {
+      appId: 'enterpriseSearchEsre',
+    },
+    telemetryId: 'onboarding--search--semantic',
+    order: 4,
+  },
   {
     solution: 'search',
     icon: 'wrench',
@@ -45,7 +69,7 @@ export const guideCards: GuideCardConstants[] = [
     ),
     guideId: 'appSearch',
     telemetryId: 'onboarding--search--application',
-    order: 1,
+    order: 7,
   },
   {
     solution: 'search',
@@ -55,7 +79,7 @@ export const guideCards: GuideCardConstants[] = [
     }),
     guideId: 'websiteSearch',
     telemetryId: 'onboarding--search--website',
-    order: 4,
+    order: 10,
   },
   {
     solution: 'search',
@@ -71,7 +95,7 @@ export const guideCards: GuideCardConstants[] = [
     ),
     guideId: 'databaseSearch',
     telemetryId: 'onboarding--search--database',
-    order: 7,
+    order: 13,
   },
   {
     solution: 'observability',