docs: improve AI Assistant (#11208)

* initial implementation

* integrate new ai assistant in other projects + ux improvements

* fix chat window on mobile devices

* fixes to mobile

* allow pre

* change shortcut to i

* improved responsiveness

* align version in navbar

www/packages/tailwind/base.tailwind.config.js

@@ -275,6 +275,8 @@ module.exports = {
         "subtle-code-fade-right-to-left-dark": `linear-gradient(90deg, #30303380, #303033)`,
         "border-dotted":
           "linear-gradient(90deg,var(--docs-border-strong) 1px,transparent 1px)",
+        "ai-assistant-bottom":
+          "linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--docs-bg-base) 100%)",
       },
       screens: {
         xs: "568px",
@@ -283,7 +285,8 @@ module.exports = {
         lg: "1024px",
         xl: "1280px",
         xxl: "1536px",
-        xxxl: "3840px",
+        xxxl: "1800px",
+        xxxxl: "3840px",
       },
       transitionTimingFunction: {
         ease: "ease",
@@ -291,6 +294,7 @@ module.exports = {
       width: {
         toc: "221px",
         "sidebar-xs": "calc(100% - 20px)",
+        "ai-assistant": "500px"
       },
       maxWidth: {
         // sidebar
@@ -326,6 +330,8 @@ module.exports = {
         "modal-sm": "624px",
         "modal-md": "752px",
         "modal-lg": "640px",
+        // ai-assistant
+        "ai-assistant": "500px"
       },
       minWidth: {
         xl: "1419px",

www/packages/tailwind/theme-presets.js

@@ -22,8 +22,8 @@ const light = {
 
   "--docs-fg-base": "rgba(24, 24, 27, 1)",
   "--docs-fg-subtle": "rgba(82, 82, 91, 1)",
-  "--docs-fg-muted": "rgba(161, 161, 170, 1)",
-  "--docs-fg-disabled": "rgba(212, 212, 216, 1)",
+  "--docs-fg-muted": "rgba(113, 113, 122, 1)",
+  "--docs-fg-disabled": "rgba(161, 161, 170, 1)",
   "--docs-fg-on-color": "rgba(255, 255, 255, 1)",
   "--docs-fg-on-inverted": "rgba(255, 255, 255, 1)",
   "--docs-fg-interactive": "rgba(59, 130, 246, 1)",