Add Kapa assistant in-page button (#9651)

Co-authored-by: Tiffany Hrabusa <30397949+tiffany76@users.noreply.github.com>

Author: chalin

assets/scss/_styles_project.scss

@@ -1,5 +1,5 @@
 /* Docsy-delta full file override: we're not tracking changes to the Docsy file of the same name. */
-// cSpell:ignore docsy
+// cSpell:ignore docsy kapa
 
 @import 'registry';
 @import 'tabs';
@@ -60,3 +60,14 @@ body.td-page--draft .td-content {
     padding-left: 0.6rem;
   }
 }
+
+// Kapa widget
+
+#kapa-widget-container {
+  --modal-inner-align: flex-end !important;
+}
+
+// Alternative to the above:
+// #kapa-widget-container::part(modal-inner) {
+//   align-items: flex-end !important;
+// }

i18n/en.yaml

@@ -19,11 +19,9 @@ community_guideline: Contributing
 ui_search_ai_modal_title: OpenTelemetry's AI Assistant
 
 ui_search_ai_modal_disclaimer: >-
-  This **experimental feature** uses AI to answer questions based on the site's
-  documentation, OpenTelemetry GitHub, Stack Overflow, and other resources. The
-  AI may not always provide accurate or relevant information. Share your
-  thoughts by providing
-  [feedback](https://github.com/open-telemetry/opentelemetry.io/discussions/6802).
+  Get answers based on the site docs, OpenTelemetry GitHub, Stack Overflow, and
+  other resources. [Share
+  feedback](https://github.com/open-telemetry/opentelemetry.io/discussions/6802).
 ui_search_ai_popover_content: >-
   <a id='ask-ai-trigger' href='#'>Ask AI</a> (&#x2318;-K)
 

layouts/_partials/hooks/head-end.html

@@ -32,17 +32,17 @@
   data-website-id="2b645d39-e001-4c2b-bfbd-aa4f25453385"
   data-project-name="OpenTelemetry"
   data-project-color="#f5a800"
-  data-project-logo="https://opentelemetry.io/img/logos/opentelemetry-logo-nav.png"
-  data-button-hide="true"
+  data-project-logo="{{ "img/logos/opentelemetry-logo-nav.png" | relURL }}"
   data-modal-open-on-command-k="true"
   data-modal-override-open-id="ask-ai-trigger"
-  data-modal-border-radius="8px"
-  data-modal-header-bg-color="#4f62ad"
-  data-modal-title='{{ T "ui_search_ai_modal_title" }}'
-  data-modal-title-color="#ffffff"
-  data-modal-body-bg-color="#ffffff"
-  data-query-input-border-color="#f5a800"
-  data-modal-disclaimer="{{ T "ui_search_ai_modal_disclaimer" }}"
-  data-font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif">
+  data-chat-disclaimer="{{ T "ui_search_ai_modal_disclaimer" }}"
+  data-example-questions="What is OpenTelemetry?,How can I instrument my app?"
+  data-user-analytics-fingerprint-enabled="true"
+  data-modal-size="80%"
+  data-launcher-button-image="{{ "img/logos/opentelemetry-icon-white.svg" | relURL }}"
+  xx-DISABLED-data-launcher-button-text=""
+  xx-DOES-NOT-WORK-data-launcher-button-font-size="1rem"
+  data-font-size-lg="1rem"
+>
 </script>
 {{/* */ -}}