Add kapa.ai integration (#1600)

Author: hadley

_pkgdown.yml

@@ -6,18 +6,38 @@ home:
       href: https://r4ds.hadley.nz/data-tidy
 
 navbar:
+  structure:
+    right: [search, github, ai]
   components:
     home: ~
     intro:
       text: Tidy data
       href: articles/tidy-data.html
+    ai:
+      text: Ask AI ✨
+      href: "#"
+      class: open-kapa-widget
 
 template:
   bootstrap: 5
   package: tidytemplate
   includes:
-      in_header: |
-        <script defer data-domain="tidyr.tidyverse.org,all.tidyverse.org" src="https://plausible.io/js/plausible.js"></script>
+    in_header: |
+      <script defer data-domain="tidyr.tidyverse.org,all.tidyverse.org" src="https://plausible.io/js/plausible.js"></script>
+      <script async src="https://widget.kapa.ai/kapa-widget.bundle.js"
+      data-button-hide="true"
+      data-modal-disclaimer="This is a custom LLM for answering questions about dplyr, tidyr, and ggplot2. Answers are based on the contents of the documentation. Rate the answers to let us know what you think!"
+      data-modal-ask-ai-input-placeholder="Ask me a question about dplyr, tidyr, or ggplot2."
+      data-modal-header-bg-color="#f9f9f9"
+      data-modal-override-open-class="open-kapa-widget"
+      data-project-color="#365a7a"
+      data-project-name="tidyr"
+      data-modal-title="tidyverse AI ✨"
+      data-project-logo="https://avatars.githubusercontent.com/u/22032646?s=200&u=235532df5cf8543246812f73db051b793f868807&v=4"
+      data-user-analytics-fingerprint-enabled="true"
+      data-bot-protection-mechanism="hcaptcha"
+      data-website-id="34242a59-6aeb-4105-9065-86e16bf56a0f"
+      ></script>
 development:
   mode: auto