Add ability to have a conversation with the AI assistant (#2024)

* Add ability to have a conversation with the AI assistant

* Fix eslint errors and run prettier

* Apply suggestions from code review

Author: reakaleek

src/Elastic.Documentation.Site/Assets/eui-icons-cache.ts

@@ -3,15 +3,21 @@ import { icon as EuiIconArrowDown } from '@elastic/eui/es/components/icon/assets
 import { icon as EuiIconArrowLeft } from '@elastic/eui/es/components/icon/assets/arrow_left'
 import { icon as EuiIconArrowRight } from '@elastic/eui/es/components/icon/assets/arrow_right'
 import { icon as EuiIconCheck } from '@elastic/eui/es/components/icon/assets/check'
+import { icon as EuiIconCopy } from '@elastic/eui/es/components/icon/assets/copy'
 import { icon as EuiIconCopyClipboard } from '@elastic/eui/es/components/icon/assets/copy_clipboard'
 import { icon as EuiIconCross } from '@elastic/eui/es/components/icon/assets/cross'
 import { icon as EuiIconDocument } from '@elastic/eui/es/components/icon/assets/document'
 import { icon as EuiIconError } from '@elastic/eui/es/components/icon/assets/error'
 import { icon as EuiIconFaceHappy } from '@elastic/eui/es/components/icon/assets/face_happy'
 import { icon as EuiIconFaceSad } from '@elastic/eui/es/components/icon/assets/face_sad'
+import { icon as EuiIconLogoElastic } from '@elastic/eui/es/components/icon/assets/logo_elastic'
 import { icon as EuiIconNewChat } from '@elastic/eui/es/components/icon/assets/new_chat'
+import { icon as EuiIconPlay } from '@elastic/eui/es/components/icon/assets/play'
+import { icon as EuiIconPopout } from '@elastic/eui/es/components/icon/assets/popout'
 import { icon as EuiIconRefresh } from '@elastic/eui/es/components/icon/assets/refresh'
+import { icon as EuiIconReturnKey } from '@elastic/eui/es/components/icon/assets/return_key'
 import { icon as EuiIconSearch } from '@elastic/eui/es/components/icon/assets/search'
+import { icon as EuiIconSortUp } from '@elastic/eui/es/components/icon/assets/sort_up'
 import { icon as EuiIconSparkles } from '@elastic/eui/es/components/icon/assets/sparkles'
 import { icon as EuiIconThumbDown } from '@elastic/eui/es/components/icon/assets/thumbDown'
 import { icon as EuiIconThumbUp } from '@elastic/eui/es/components/icon/assets/thumbUp'
@@ -41,4 +47,10 @@ appendIconComponentCache({
     error: EuiIconError,
     thumbUp: EuiIconThumbUp,
     thumbDown: EuiIconThumbDown,
+    popout: EuiIconPopout,
+    returnKey: EuiIconReturnKey,
+    logoElastic: EuiIconLogoElastic,
+    copy: EuiIconCopy,
+    play: EuiIconPlay,
+    sortUp: EuiIconSortUp,
 })

src/Elastic.Documentation.Site/Assets/fonts.css

@@ -1,5 +1,6 @@
 @font-face {
 	font-family: 'Inter';
+	font-weight: 100 900;
 	src: url('./fonts/InterVariable.woff2') format('woff2');
 	font-display: swap;
 }

src/Elastic.Documentation.Site/Assets/styles.css

@@ -27,6 +27,7 @@
 html {
 	/* We need to use 14px because EUI works best with a 14px base */
 	font-size: 14px;
+	@apply font-body;
 }
 
 body {